Script PHP Menampilkan Table Data Dari Database

Setelah kita menginputkan data pada Database MySql, sekarang yang perlu kita lakukan adalah menampilkan data tersebut. Untuk menampilkan data biasanya menggunakan kode HTML yang diselipkan Script PHP. Kali ini kita akan menampilkan data buku dalam bentuk tabel yang sederhana.

Langkah pertama yang kita lakukan adalah membuat koneksi ke database MySql.

<?php
   $conn =mysql_connect("localhost","root","");
   $db = mysql_select_db("herdi",$conn);
   $sql = "select * from buku order by kode";
   $hasil = mysql_query($sql,$conn);
?>

Untuk menampilkankan data kita gunakan mysql_fetch_row($hasil)  .

<h1 align="center" >Data Buku</h1>
<br>
<table width="656" border="1" cellspacing="0" cellpadding="2">
   <tr>
      <td width="107">Kode</td>
      <td width="212">Judul</td>
      <td width="94">Jenis</td>
      <td width="128">Pengarang</td>
      <td width="83">Jumlah</td>
   </tr>
<?php
   while ($rsbuku = mysql_fetch_row($hasil)){
?>
   <tr>
      <td><?php echo $rsbuku[0]; ?></td>
      <td><?php echo $rsbuku[1]; ?></td>
      <td><?php echo $rsbuku[2]; ?></td>
      <td><?php echo $rsbuku[3]; ?></td>
      <td><?php echo $rsbuku[4]; ?></td>
   </tr>
<?php } ?>
</table>

Hasilnya seperti berikut

Data Buku

Kode	Judul	Jenis	Pengarang	Jumlah
BK100000001	Bahasa Sunda Atuh	Sastra	iam	2
BK100000002	Rumus - Rumus Matematika	Matematika	Dhika	2
BK100000003	Chord Gitar	Kesenian	Rian	1
BK100000004	1001 Pribahasa	Matematika	Bara	3

Sedikit Penjelasan

$conn digunakan untuk membuat koneksi ke MySql.
$db digunakan untuk memilih database
$sql bahasa sql untuk mengambil semua field dari tabel buku
$hasil untuk menjalankan $sql.

<?php

   while ($rsbuku = mysql_fetch_row($hasil)){

?>

  

While digunakan untuk mengulang atau membuat baris pada table sebanyak record yang ada pada $rsbuku dan ditutup dengan <?php } ?>.

<?php echo $rsbuku[0]; ?> untuk menampilkan field yang ke 0 dari tabel buku. Untuk mengambil field bisa ditulis langsung nama fielnya misalnya  <?php echo $rsbuku["kode"]; ?>.

Related Post