Bagian 19. Menampilkan Data MySQL dalam Table Via PHP

Mendefinisikan Tabel Heading

Dalam proses pembuatan sebuah aplikasi berbasis website, contohnya sistem informasi, seorang developer aplikasi biasanya banyak menggunakan tabel ketika akan menampilkan suatu informasi. banyak keuntungan ketika menggunakan tabel, tampilan cenderung lebih rapi, dan proses menampilkan jauh lebih mudah.

Sebelum kita memanfaatkan tabel, saya akan jelaskan dulu, bagaimana proses tabel ini digunakan. Terdapat dua bagian yang akan kita kerjakan, yakni :

Download source code latihan

Bagian Statis
Bagian Dinamis

Latihan 4 - Table Heading

No	Nama	Jenis Kelamin	Tanggal Lahir	Alamat

Yang di maksud bagian statis adalah heading dari tablenya, seperti : No, Nama, Jenis, Kelamin, Tanggal Lahir, Alamat. Sedangkan yang dibagian bawahnya Contoh No, Contoh Nama, dan lain-lain itu adalah bagian yang dinamisnya.

Dimana bagian yang dinamis ini adalah data yang kita ambil dari database. Dalam mengambil data dinamis, php mengambilnya secara per-record/perbaris, sehingga untuk menampilkan datanya pun kita lakukan dengan cara perbaris, oke langsung saja kita buat table headingnya terlebih dahulu. Kemudian kita buat template/contoh data ... ini akan mempermudah kita dalam proses penampilan data nantinya, kita kerjakan bagian statis terlebih dahulu dengan membuat file tablehead.php, terlebih dahulu, di sini kita buat html dengan table didalamnya, penulis asumsikan anda telah mengetahui pembuatan table menggunakan html.

Baca Juga



<html>
<head><title>Latihan 4 - Table Heading</title></head>
<body>
<table border='1' cellpading='2' cellspacing='2' align='center' width='70%'>
<tr><th>No</th><th>Nama</th><th>Jenis Kelamin</th><th>Tanggal
Lahir</th><th>Alamat</th></tr>
<tr><td>Contoh No</td><td>Contoh Nama</td><td>Contoh Jenis
Kelamin</td><td>Contoh Tanggal Lahir</td>
<td>Contoh Alamat</td></tr>
</table>
</body>
</html>

Memasukkan Data ke dalam tabel

Kita masih menggunakan isi file yang tadi, kita akan membuat bagian yang dinamis dalam menampilkan data, caranya adalah dengan mengambil isinya dari database, sebelum dapat mengambil atau menampilkan data, terlebih dahulu kita lakukan koneksi, kita akan gunakan file koneksi.php yang dibab 3 telah kita buat, kita manfaatkan file tersebut sebagai file koneksi yang akan menghubungkan php dengan mysql sehingga kita bisa menampilkan isinya kedalam table.



<html>
<head><title>Latihan 4 - Table Heading</title></head>
<body>
<table border='1' cellpadding='2' cellspacing='2' align='center' width='70%'>
<tr><th>No</th><th>Nama</th><th>Jenis Kelamin</th><th>Tanggal
Lahir</th><th>Alamat</th></tr>
<!--
kita akan menampilkan isi databasenya di sini ...
dengan memanfaatkan pola contoh data yang telah kita buat sebelumnya
<!-- bagian dinamis -->
<?php
// kita gunakan echo untuk dapat ditampilkan oleh php
echo "<tr align='center'><td>Contoh No</td><td>Contoh Nama</td><td>Contoh
Jenis Kelamin</td>
<td>Contoh Tanggal Lahir</td><td>Contoh Alamat</td></tr>";
?>
<!-- bagian dinamis -->
</table>
</body>
</html>

Script lengkapnya adalah sebagai berikut :



<html>
<head><title>Latihan 4 - Table Heading</title></head>
<body>
<table border='1' cellpadding='2' cellspacing='2' align='center' width='70%'>
<tr><th>No</th><th>Nama</th><th>Jenis Kelamin</th><th>Tanggal
Lahir</th><th>Alamat</th></tr>
<!--
kita akan menampilkan isi databasenya di sini ...
dengan memanfaatkan pola contoh data yang telah kita buat sebelumnya
-->
<!-- bagian dinamis -->
<?php
include "koneksi.php";
$tampilkan_isi = "select * from tbl_mhsiswa";
$tampilkan_isi_sql = mysql_query($tampilkan_isi);
while ($isi = mysql_fetch_array($tampilkan_isi_sql))
{
$no = $isi['id_mhs'];
$nama = $isi['nama_mhs'];
$jeniskelamin = $isi['jenis_kelamin'];
$tanggallahir = $isi['tgl_lahir'];
$alamat = $isi['alamat'];
echo "<tr align='center'> <td>$no</td> <td>$nama</td> <td>$jeniskelamin</td>
<td>$tanggallahir</td> <td>$alamat</td> </tr>";
?>
<!-- bagian dinamis -->
</table>
</body>
</html>

Latihan 4 - Table Heading