Menampilkan Grouping Data Dari Database Menggunakan PHP Part2

Haloo teman-teman Source Code Aplikasi. Kembali lagi dengan saya di Shelli Ripati di kursus Situs Source Code Aplikasi. Kali ini saya akan melanjutkan pembahasan mengenai cara Menampilkan Grouping Data Dari Database Menggunakan PHP Part2. Di bagian part 1 kita telah mengerjakan cetak data dengan menggroupingnya merujuk pada tanggal. Nah sekarang ini kita bikin detail dari datanya merujuk pada tanggal yang diklik.



Oke teman-teman bagi dapat mengetahui cara Menampilkan Grouping Data Dari Database Menggunakan PHP Part2 kita seketika saja membangun struktur htmlnya selaku berikut. Saya masih menggunakan bootstrap 4 bagi 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>


Bila telah karenanya teman-teman bikin sambungan bagi ke koneksi.php sekaligus membangun kondisi dengan sistem $_GET ketika mengerjakan klik Lihat di file sebelumnya. Berikut scriptnya teman-teman dapat 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 mengerjakan request ke database dimana data yang saya pilih merujuk pada tanggalnya. Lalu langkah selanjutkan saya cek dan saya looping datanya bagi di cetak di pada 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 dapat lihat tampilannya di browser masing-masing, karenanya akan tampak seperti di gambar di bawah ini.



Kembali



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




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP