Kita lanjutkan pembahasan kita sebelumnya tentang cara membuat CRUD dengan PHP dan MySQL untuk pemula dan kali ini akan membahas READ. Apa itu READ? Silakan simak pembahasan AneIqbal berikut sampai akhir.
Sedikit mengulas, di postingan sebelumnya, kita sudah berhasil membuat sebuah form input data dan menyimpan data yang diinput melalui form tersebut ke database. Kali ini, kita akan coba tampilkan data yang kita input tadi dari database ke dalam bentuk tabel. Proses tersebut dikenal dengan istilah read.
Di atas adalah hasil akhir dari bahasan kita pada postingan kali ini. Sebuah tabel dengan list data bersumber dari database. Bukan ngoding tabel row HTML dalam jumlah banyak. Capek kalo gitu. Oke, yuk mulai ngoding.
Oke teman-teman.. sekarang buat sebuah file dan simpan dengan nama index.php. Pertama, kita akan membuat sebuah tabel dengan HTML. Ohiya, di atas tabelnya juga ada sebuah link “Tambah Data” yang mengarah ke form input data. Seperti ini codingannya.
<!DOCTYPE html> <html> <head> <title>Sistem CRUD Sederhana Data Mahasiswa</title> </head> <body> <a href="input.html">Tambah Data</a> <table border="1"> <tr> <td>No.</td> <td>NIM</td> <td>Nama</td> <td>Jenis Kelamin</td> <td>Tanggal Lahir</td> <td>Alamat</td> <td>Jurusan</td> <td>Action</td> </tr> </table> </body> </html>
Teman-teman sudah paham dengan codingan di atas kan? Perlu dijelasin lagi? Oke kalo gitu..
Jadi, di dalam body, kita buat 2 buah elemen. Coba tebak apa elemennya? Yap.. benar! Elemen link dan tabel. Kalau kita jalankan file tersebut, maka seperti ini tampilannya.
Codingan di atas baru menampilkan header tabelnya saja. Untuk datanya, belum muncul. Karena memang belum kita tarik dari database. Selanjutnya, kita sisipkan coding PHP untuk menarik data tersebut. Pastikan selalu menyertakan file koneksi.php.
Tambahkan coding berikut tepat di bawah </tr>.
<?php
include('koneksi.php');
$query = mysqli_query($connect, "SELECT * FROM mahasiswa");
$no=1;
while($data = mysqli_fetch_array($query)){
?>
<tr>
<td><?=$no++?></td>
<td><?=$data['nim']?></td>
<td><?=$data['nama']?></td>
<td><?=$data['jenis_kelamin']?></td>
<td><?=$data['tanggal_lahir']?></td>
<td><?=$data['alamat']?></td>
<td><?=$data['jurusan']?></td>
<td><a href="edit.php">Edit</a> | <a href="hapus.php">Hapus</a></td>
</tr>
}
?>
Begini penjelasannya. Supaya kita bisa menarik data dari database, sudah pasti kita wajib menyertakan file koneksi.php. Tanpa adanya doi, kita tidak akan bisa menarik datanya.
Setelah disertakan, maka kita sudah bisa melakukan query atau request data ke tabel sumbernya. Dalam hal ini, kita melakukan query select * ke tabel mahasiswa. select * berarti kita memilih seluruh field atau kolom yang ada pada tabel tersebut.
Sudah? Next adalah melakukan perulangan atau looping dengan while. while di atas kita pasang kondisi selama data masih ada, maka lakukan looping terus. Kondisinya ditandai dengan $data = mysqli_fetch_array($query). Fungsi mysqli_fetch_array() adalah untuk mengambil data dan menyimpannya dalam bentuk array.
Lalu di dalam while tadi, kita buat tabel row atau <tr> agar loopingnya membentuk baris tabel. Di dalam <tr>, kita buat <td> dimana posisi masing-masing datanya disesuaikan dengan tabel header.
<?= sama juga dengan <?php echo. Lebih ringkas. Lalu ini <?=$data[‘nim’]?> berarti kita menampilkan data yang bersumber dari field atau kolom nim yang ada di tabel mahasiswa. Begitu juga dengan yang lain.
Tak lupa juga, di atas kita buatkan 2 buah link untuk mengedit dan mengubah data. Untuk filenya, kita buatkan nanti di tutorial selanjutnya. Sekarang kita fokus menampilkan data dulu ke dalam sebuah tabel.
Sampai sini paham ya?
Secara keseluruhan, seperti ini codingannya.
<!DOCTYPE html>
<html>
<head>
<title>Sistem CRUD Sederhana Data Mahasiswa</title>
</head>
<body>
<a href="input.html">Tambah Data</a>
<table border="1">
<tr>
<td>No.</td>
<td>NIM</td>
<td>Nama</td>
<td>Jenis Kelamin</td>
<td>Tanggal Lahir</td>
<td>Alamat</td>
<td>Jurusan</td>
<td>Action</td>
</tr>
<?php
include('koneksi.php');
$query = mysqli_query($connect, "SELECT * FROM mahasiswa");
$no=1;
while($data = mysqli_fetch_array($query)){
?>
<tr>
<td><?=$no++?></td>
<td><?=$data['nim']?></td>
<td><?=$data['nama']?></td>
<td><?=$data['jenis_kelamin']?></td>
<td><?=$data['tanggal_lahir']?></td>
<td><?=$data['alamat']?></td>
<td><?=$data['jurusan']?></td>
<td><a href="edit.php">Edit</a> | <a href="hapus.php">Hapus</a></td>
</tr>
<?php
}
?>
</table>
</body>
</html>
Kalau di tabel mahasiswa yang Anda buat ada datanya dan Anda sudah mengikuti coding di atas, maka hasilnya akan seperti ini.
Sampai sini dulu pembahasan CRUD PHP MySQL kita. Cukup sampai menampilkan data dari database dalam bentuk baris tabel. Untuk selanjutnya, silakan cek Membuat CRUD dengan PHP dan MySQL untuk Pemula (Update) – 1.
