Tutorial PHP & MySql: Membuat Sistem CRUD Sederhana Data Mahasiswa Part II (Read) - AneIqbal

Post Top Ad

Tutorial PHP & MySql: Membuat Sistem CRUD Sederhana Data Mahasiswa Part II (Read)

Share This
Halo gaes. Jumpa lagi bersama ogut di AneIqbal. Kita lanjutkan pembahasan kita sebelumnya tentang cara membuat sistem CRUD sederhana dengan data mahasiswa. Cek postingan Tutorial PHP & MySql: Membuat Sistem CRUD Sederhana Data Mahasiswa Part I (Create) dulu ya sebelum meneruskan baca postingan ini.

tutorial crud php mysql sederhana

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.

tutorial crud php mysql sederhana

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.

tutorial crud php mysql sederhana

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.

tutorial crud php mysql sederhana
Silakan tanya lewat kolom komentar di bawah ya bila ada kesulitan atau gagal mengikuti tutorial di atas.
Selamat mencoba and keep trying!

Lanjutan tutorialnya:
Tutorial PHP & MySql: Membuat Sistem CRUD Sederhana Data Mahasiswa Part III (Update) - 1

Tidak ada komentar:

Posting Komentar

Silakan berkomentar dengan kalimat yang bijak.

Post Bottom Ad