Menampilkan Grouping Data Dari Database Menggunakan PHP Part2

Haloo teman-teman Dumet School. Kembali lagi dengan saya di Shelli Ripati di kursus Website Dumet School. Kali ini saya akan melanjutkan pembahasan mengenai cara Menampilkan Grouping Data Dari Database Menggunakan PHP Part2. Di bagian part 1 kita sudah melakukan cetak data dengan menggroupingnya berdasarkan tanggal. Nah sekarang kita buat detail dari datanya berdasarkan tanggal yang diklik.

Oke teman-teman untuk dapat mengetahui cara Menampilkan Grouping Data Dari Database Menggunakan PHP Part2 kita langsung saja membuat struktur htmlnya sebagai berikut. Saya masih menggunakan bootstrap 4 untuk tampilannya ya teman-teman.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
  	<div class="container">
  		<div class="row">
  			<div class="col-md-12">
  				<h1 class="text-center">List Data Post Tanggal <b><?php echo $date ?></b></h1>
				<div class="list-group">
				
				  <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
				    <div class="d-flex w-100 justify-content-between">
				      <h5 class="mb-1"></h5>
				      <small></small>
				    </div>
				    <p class="mb-1"></p>
				  </a>
				</div>
				<a href="group.php">Back</a>
  			</div>
  		</div>
  	</div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script><br>    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script><br>    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script><br> </body>
</html>

Jika sudah maka teman-teman buat sambungan untuk ke koneksi.php sekaligus membuat kondisi dengan metode $_GET ketika melakukan klik Lihat pada file sebelumnya. Berikut scriptnya teman-teman bisa salin script di bawah ini.

<?php 

	include "koneksi.php" ;
	if(isset($_GET["date"])){
		$date = $_GET["date"];
		$query= mysqli_query($conn, "SELECT * FROM post WHERE date = '$date' ORDER BY id Desc");
	}
?>

Nah disini saya melakukan request ke database dimana data yang saya pilih berdasarkan tanggalnya. Lalu langkah selanjutkan saya cek dan saya looping datanya untuk di cetak di dalam html. Berikut sciprnya.

<?php if(mysqli_num_rows($query)>0) {?>
<?php $no=1; while($row=mysqli_fetch_array($query)) {?>
	<a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
		<div class="d-flex w-100 justify-content-between">
			<h5 class="mb-1"><?php echo $no++ ?>. <?php echo $row["title"] ?></h5>
			<small><?php echo $row["date"] ?></small>
		</div>
	<p class="mb-1"><?php echo $row["description"] ?></p>
</a>
<?php } } ?>

Nah teman-teman bisa lihat tampilannya di browser masing-masing, maka akan tampak seperti pada gambar di bawah ini.

Demikian artikel tentang cara Menampilkan Grouping Data Dari Database Menggunakan PHP Part2. Semoga artikel ini dapat bermanfaat dan selamat mencoba.

Menampilkan Grouping Data Dari Database Menggunakan PHP Part2

Kategori