Cara Menampilkan Data dari Database MySQL dengan PHP

Cara Menampilkan Data dari Database MySQL dengan PHP

Pada artikel ini saya akan mengulas bagaimana membuat tampil data dengan PHP dan database Mysql. Perlu anda ketahui bahwa artikel yang saya ulas kali ini adalah lanjutan dari artikel yang sudah saya buat sebelumnya.

Ada baiknya sebelum anda mempraktekan artikel yang berjudul Cara Menampilkan Data dari Database MySQL dengan PHP ini anda membaca terlebih dahulu langkah demi langkah yang sudah saya jelaskan pada artikel sebelumnya sebelumnya. Berikut adalah artikel yang sudah saya buat sebelumnya.


1. Belajar PHP Dasar Membuat CRUD dengan PHP dan Database MySQL

2. Membuat File Koneksi PHP dengan Database Mysql

3. Membuat Insert Data PHP Ke Database MySQL


Setelah anda membaca semuanya diatas kita akan membuat view data atau tampil data dari database mysql yang sudah kita buat sebelumnya.

Untuk proses selanjutnya kita akan membuat file tampil data ke browser dari database. Buatlah file baru di editor anda dengan nama tampildata.php . Berikut adalah isi file dari tampildata.php


tampildata.php

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
	<title>Tampil Data</title>
</head>
<body>
<?php
include "koneksi.php";
$data="SELECT * FROM menu";
$sql=mysql_query($data);
?>

	<div align="center"><strong>TAMPIL DATA	</strong></div>
	<br />
<table width="269" border="1" align="center">
  <tr bgcolor="#CCCCCC">
    <td width="139" align="center">Judul menu </td>
    <td width="114" align="center">Action</td>
  </tr>
	<?php
		while($array=mysql_fetch_array($sql)){
	?>
  <tr>
    <td><?php echo "$array[1]";?></td>
    <td>
		<a href="viewdata.php?&id=<?php echo "$array[0]"; ?>">view</a> | 
		<a href="editdata.php?&id=<?php echo "$array[0]"; ?>">edit</a> | 
		<a href="hapusdata.php?&id=<?php echo "$array[0]"; ?>">hapus</a> 
	</td>
  </tr>
	<?php } ?>
</table>

</body>
	</html>
	



Setelah kita mengetik code di atas selanjutnya kita jalankan di browser dengan mengakses alamat http://localhost/mywebsite/tampildata.php. Jika penulisan code anda benar seperti diatas maka tampilannya akan seperti di bawah ini.


Cara Menampilkan Data dari Database MySQL dengan PHP

Anda juga bisa menambahkan data di form insert ( Di jelaskan pada artikel Membuat Insert Data PHP Ke Database MySQL) data agar data terlihat banyak.

Untuk kolom action pada gambar diatas terdapat sub menu view edit dan hapus data di samping kanan. Dan jika di klik akan ada error 404 object not found. Hal tersebut karena ketiga halaman tersebut belum kita buat, biarkan saja seperti itu. Untuk selanjutnya ketiga data tersebut kita buat pada tahap selanjutnya.Sebelum membuat view data disini saya akan menjelaskan bagaimana program di atas bisa tampil. 

Di dalam database terdiri dari  tabel dan didalam tabel ada beberapa field bisa disebut juga dengan larik / array .

Dalam database yang kita buat kita mempunyai satu tabel yaitu tabel menu , dalam tabel menu ada 3 field id , judulmenu dan isimenu . Ketiga field tersebut bisa juga disebut dengan array.

Index sebuah array dimulai dari angka nol ( 0 ). Kemudian di ikuti dengan angka selanjutnya, pada kasus ini kita mempunyai 3 array dalam tabel menu yaitu :


id         = array ke- 0
judulmenu = array ke- 1 
isimenu         = array ke- 2

Code yang sudah kita buat pada file  tampildata.php diatas, kita menampilkan array ke-1 yaitu judulmenu  dan di dalam judulmenu berisi data “ Profilku ” . untuk lebih jelasnya dari analogi uraian di atas lihat gambar di bawah ini.


Cara Menampilkan Data dari Database MySQL dengan PHP


Setelah anda memahami tahap awal untuk menampilkan data diatas dan cara kerjanya. Langkah selanjutnya kita akan membuat detail data. dimana jika judul menu profilku diatas dilik view pada kolom action akan tampil isi data yang lebih lengkap dari dalam database.

Buatlah file viewdata.php kemudian simpan di folder yang sudah kita buat sebelumnya, dan berikut adalah isi dari file viewdata.php


viewdata.php

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
	<title>Tampil Data</title>
</head>
<body>
<?php
extract ($_POST);
extract ($_GET);
include "koneksi.php";
$data="SELECT * FROM menu WHERE id='$id'";
$sql=mysql_query($data);
$array=mysql_fetch_array($sql);
?>

<div align="center"><strong>VIEW DATA|<a href="tampildata.php">KEMBALI</a></strong></div>
<br />
	<table width="269" border="1" align="center">
  		<tr>
    		<td width="253"><?php echo "$array[2]";?></td>
  		</tr>
	</table>
</body>
</html>
	


Setelah selesai mengetik code diatas cobalah anda mengakses alamat tampildata.php lagi ( http://localhost/mywebsite/tampildata.php ) kemudian klik bagian link view maka yang anda lihat adalah tampilan detail dari data dari menu profilku.

Lihatlah code untuk link view di file tampildata.php didalam file tersebut di ketikan code :

<a href="viewdata.php?&id=<?php echo "$array[0]"; ?>">view</a>

Maksud dari code tersebut adalah kita akan menampilkan data di halaman viewdata.php berdasarkan id atau array ke-0 .

Penjelasan sebelumnya sudah disinggung bahwa setiap data mempunyai id yang tidak mungkin disamai oleh data lain, id tersebut berfungsi sebagai primery key atau kunci utama. Sehingga id tersebut menjadi acuan disetiap data yang ada. 

Array[0] yang di maksud diatas adalah kita memanggil array ke 0 yang di alamatkan ke viewdata.php berdasarkan id datanya.  Perhatikan gambar dibawah ini untuk lebih jelasnya.


Cara Menampilkan Data dari Database MySQL dengan PHP


Bagaimana mudah kan cara membuatnya ? 

Setelah anda memahami penjelasan diatas langkah selanjutnya kita akan membuat update data dan hapus data. Untuk penjelasan tersebut akan saya terangkan pada artikel dengan judul dibawah ini.