PHP MySQL: Menampilkan Data dari Database

Dalam pembelajaran dasar-dasar php kali ini, kita akan mempelajari bagaimana menampilkan data dari database MySQL dengan menggunakan script php.

Pada pembelajaran sebelumnya kita telah banyak mengupas tentang bagaimana mendapat otorisasi atau dapat terhubung ke suatu database, maka sekarang kita lanjutkan cara menampilkan data-datanya.

Adapun tujuan dari pembelajaran kali ini adalah :

• Bagaimana cara menampikan data dari database (tanpa tabel)
• Bagaimana cara menampilkan data dari database dalam bentuk tabel.
• Kode program php untuk menampilkan data dari database ditulis diantara tag-tag html.

Langkah Ke-1

Create database dengan nama db_nisn, lalu lanjutkan dengan membuat tabel yang diberinama siswaseperti script sql di bawah ini :

CREATE TABLE IF NOT EXISTS `siswa` (
  `nisn` int(10) NOT NULL,
  `nama` varchar(30) NOT NULL,
  `jenis_kelamin` enum('Perempuan','Laki-laki') NOT NULL,
  `tempat_lahir` varchar(30) NOT NULL,
  `tgl_lahir` date NOT NULL,
  PRIMARY KEY (`nisn`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Kemudian kita tambahkan beberapa data ke dalam tabel tersebut seperti script sql di bawah ini :

INSERT INTO `siswa` (`nisn`, `name`, `sex`, `place_birth`, `date_birth`) VALUES
(2012020201, 'Doni Yen', 'Male', 'Aceh', '1996-04-10'),
(2012020202, 'Andri Doni', 'Male', 'Papua Barat', '1993-01-05'),
(2012020206, 'Doni Persada', 'Male', 'Surabaya', '1994-01-19'),
(2012020208, 'Panca Indra', 'Male', 'Medan', '1996-01-12'),
(2012020301, 'Yeni Rahmawati', 'Female', 'Sigli', '1995-01-11');

Dengan demikian kita melihat database dengan tabel siswa yang berisikan data-data seperti gambar di bawah ini :

Langkah Ke-2

Tulis kode program php berikut dan simpan dengan nama file koneksi.php pada folder phpschool/display yang telah kita create sebelumnya.

<?php
$con=mysqli_connect("localhost","root","","db_nisn");
?>

Langkah Ke-3

Salin kode program php berikut lalu simpan dengan nama file displaydb.php dalam folder phpschool/display :

<?php
include "koneksi.php";
$query="SELECT * FROM siswa";
$result = mysqli_query($con, $query);

echo "<b>Database Output</b> <br><br>";
if(mysqli_num_rows($result) > 0)
{
 while($row =mysqli_fetch_array($result))
 {
  echo "NISN: " . $row["nisn"]."<br>";
  echo "Nama: " . $row["name"]."<br>";
  echo "Jenis Kelamin " . $row["sex"]. "<br>";
  echo "Kota kelahiran: " . $row["place_birth"]."<br>";
  echo "Tanggal lahir: " . $row["date_birth"]."<br>";
  echo "<br><br>";
 }
}
?>

Jalankan file displaydb.php pada browser, maka akan muncul tampilan seperti gambar di bawah ini :

Langkah Ke-4

Langkah ke-4 ini bertujuan untuk menampilkan data-data seperti output pada langkah ke-3 dalam bentuk tabel. Karena kita akan menyajikan dalam bentuk tabel, tentunya kita akan menggunakan tag-tag html dalam kode program php.

Salin kode program php berikut dan berinama sebagai displaydbtabel.php dan simpan dalam folder phpschool/display :

<?php
include "koneksi.php";
$query="SELECT * FROM siswa";
$result = mysqli_query($con, $query);

echo "<style>
table, th, td {
    border: 1px solid black;
   
}
</style>";

echo "<b> Database Output</b> <br><br>";

if(mysqli_num_rows($result) > 0)
{
 echo "<table>";
            echo "<tr>";
                echo "<th>NISN</th>";
                echo "<th>Nama</th>";
                echo "<th>Jenis Kelami</th>";
                echo "<th>Kota Kelahiran</th>";
    echo "<th>Tanggal Lahir</th>";
            echo "</tr>";
  
 while($row =mysqli_fetch_array($result))
 {
  echo "<tr>";
                echo "<td>" . $row['nisn'] . "</td>";
                echo "<td>" . $row['name'] . "</td>";
                echo "<td>" . $row['sex'] . "</td>";
                echo "<td>" . $row['place_birth'] . "</td>";
    echo "<td>" . $row['date_birth'] . "</td>";
        echo "</tr>";
 }
 echo "</table>";
}
?>

Jalankan file displaydbtabel.php pada browser, maka akan tampak tampilan seperti gambar di bawah ini :

Langkah Ke-5

Langkah ke-5 ini bertujuan bagaimana kode program php ditulis di dalam html. Terkadang kita ingin menampilkan suatu tampilan yang bagus dengan melibatkan css, maka apabila dikaitkan dengan dengan adanya kode program php, sudah barang tentu kode program php ditulis diantara tag-tag html.

Tulis kode program di bawah ini, lalu simpan dengan nama file displaydbtabel2.php dan simpan dalam folder phpschool/display:

<!DOCTYPE html>
<html>
<head> 
<title>Menampilkan data dari Database</title>
<style>
table, th, td {
    border: 1px solid black;
   
}
</style>
</head>
<body>
<b> Database Output</b> <br><br>
<?php
include "koneksi.php";
$query="SELECT * FROM siswa";
$result = mysqli_query($con, $query);

if(mysqli_num_rows($result) > 0)
{
 echo "<table>";
            echo "<tr>";
                echo "<th>NISN</th>";
                echo "<th>Nama</th>";
                echo "<th>Jenis Kelami</th>";
                echo "<th>Kota Kelahiran</th>";
    echo "<th>Tanggal Lahir</th>";
            echo "</tr>";
  
 while($row =mysqli_fetch_array($result))
 {
  echo "<tr>";
                echo "<td>" . $row['nisn'] . "</td>";
                echo "<td>" . $row['name'] . "</td>";
                echo "<td>" . $row['sex'] . "</td>";
                echo "<td>" . $row['place_birth'] . "</td>";
    echo "<td>" . $row['date_birth'] . "</td>";
        echo "</tr>";
 }
 echo "</table>";
}
?>

</body>
</html>               

Jalankan file displaydbtabel2.php pada browser anda, maka akan muncul tampilan yang serupa seperti pada langkah ke-4 :