Step #3 Menampilkan Data (READ/SELECT)
Tahap ketiga adalah menampilkan data dari database atau jika dalam singkatan CRUD maka kali ini adalah R -> Read.Untuk menampilkan data, kita akan membuat file dengan nama index.php. Dan isi dari file index.php adalah script di bawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Simple CRUD by TUTORIALWEB.NET</title>
</head>
<body>
<h2>Simple CRUD</h2>
<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
<h3>Data Siswa</h3>
<table cellpadding="5" cellspacing="0" border="1">
<tr bgcolor="#CCCCCC">
<th>No.</th>
<th>NIS</th>
<th>Nama Lengkap</th>
<th>Kelas</th>
<th>Jurusan</th>
<th>Opsi</th>
</tr>
<?php
//iclude file koneksi ke database
include('koneksi.php');
//query ke database dg SELECT table siswa diurutkan berdasarkan NIS paling besar
$query = mysql_query("SELECT * FROM siswa ORDER BY siswa_nis DESC") or die(mysql_error());
//cek, apakakah hasil query di atas mendapatkan hasil atau tidak (data kosong atau tidak)
if(mysql_num_rows($query) == 0){ //ini artinya jika data hasil query di atas kosong
//jika data kosong, maka akan menampilkan row kosong
echo '<tr><td colspan="6">Tidak ada data!</td></tr>';
}else{ //else ini artinya jika data hasil query ada (data diu database tidak kosong)
//jika data tidak kosong, maka akan melakukan perulangan while
$no = 1; //membuat variabel $no untuk membuat nomor urut
while($data = mysql_fetch_assoc($query)){ //perulangan while dg membuat variabel $data yang akan mengambil data di database
//menampilkan row dengan data di database
echo '<tr>';
echo '<td>'.$no.'</td>'; //menampilkan nomor urut
echo '<td>'.$data['siswa_nis'].'</td>'; //menampilkan data nis dari database
echo '<td>'.$data['siswa_nama'].'</td>'; //menampilkan data nama lengkap dari database
echo '<td>'.$data['siswa_kelas'].'</td>'; //menampilkan data kelas dari database
echo '<td>'.$data['siswa_jurusan'].'</td>'; //menampilkan data jurusan dari database
echo '<td><a href="edit.php?id='.$data['siswa_id'].'">Edit</a> / <a href="hapus.php?id='.$data['siswa_id'].'" onclick="return confirm(\'Yakin?\')">Hapus</a></td>'; //menampilkan link edit dan hapus dimana tiap link terdapat GET id -> ?id=siswa_id
echo '</tr>';
$no++; //menambah jumlah nomor urut setiap row
}
}
?>
</table>
</body>
</html>
<html>
<head>
<title>Simple CRUD by TUTORIALWEB.NET</title>
</head>
<body>
<h2>Simple CRUD</h2>
<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
<h3>Data Siswa</h3>
<table cellpadding="5" cellspacing="0" border="1">
<tr bgcolor="#CCCCCC">
<th>No.</th>
<th>NIS</th>
<th>Nama Lengkap</th>
<th>Kelas</th>
<th>Jurusan</th>
<th>Opsi</th>
</tr>
<?php
//iclude file koneksi ke database
include('koneksi.php');
//query ke database dg SELECT table siswa diurutkan berdasarkan NIS paling besar
$query = mysql_query("SELECT * FROM siswa ORDER BY siswa_nis DESC") or die(mysql_error());
//cek, apakakah hasil query di atas mendapatkan hasil atau tidak (data kosong atau tidak)
if(mysql_num_rows($query) == 0){ //ini artinya jika data hasil query di atas kosong
//jika data kosong, maka akan menampilkan row kosong
echo '<tr><td colspan="6">Tidak ada data!</td></tr>';
}else{ //else ini artinya jika data hasil query ada (data diu database tidak kosong)
//jika data tidak kosong, maka akan melakukan perulangan while
$no = 1; //membuat variabel $no untuk membuat nomor urut
while($data = mysql_fetch_assoc($query)){ //perulangan while dg membuat variabel $data yang akan mengambil data di database
//menampilkan row dengan data di database
echo '<tr>';
echo '<td>'.$no.'</td>'; //menampilkan nomor urut
echo '<td>'.$data['siswa_nis'].'</td>'; //menampilkan data nis dari database
echo '<td>'.$data['siswa_nama'].'</td>'; //menampilkan data nama lengkap dari database
echo '<td>'.$data['siswa_kelas'].'</td>'; //menampilkan data kelas dari database
echo '<td>'.$data['siswa_jurusan'].'</td>'; //menampilkan data jurusan dari database
echo '<td><a href="edit.php?id='.$data['siswa_id'].'">Edit</a> / <a href="hapus.php?id='.$data['siswa_id'].'" onclick="return confirm(\'Yakin?\')">Hapus</a></td>'; //menampilkan link edit dan hapus dimana tiap link terdapat GET id -> ?id=siswa_id
echo '</tr>';
$no++; //menambah jumlah nomor urut setiap row
}
}
?>
</table>
</body>
</html>
Jangan lupa disimpan za..
Untuk penjelasan Script sudah saya masukkan pada Script di atas, silahkan di baca sendiri kegunaan tiap-tiap baris kode.
Tampilan dari file index.php bisa terlihat seperti gambar di bawah ini:
Seperti terliha pada gambar di atas terdapat tulisan “Tidak ada data!” yang artinya memang data pada database masih kosong.
Selanjutnya proses Memasukan Data (CREAT/INSERT)
Membuat Aplikasi CRUD Sederhana Part 3
Tidak ada komentar:
Posting Komentar