Setelah sebelumnya saya mencoba berbagi tentang cara memperindah tabel dengan CSS di url http://gapurapangarti.blogspot.com/2011/11/mewarnai-tabel-secara-selang-seling.html kini saya akan mencoba berbagi mengenai cara menampilkan data di PHP MySql dengan metode Pagging, pada postingan ini sebelumnya saya telah mempunyai database dengan nama "dbelajar" dan tabel "mahasiswa", jadi saya akan mencoba menampilkan database yang sudah di buat tersebut ditampilkan dalam sebuah tabel dengan konsep pagging, seperti contoh gambar di bawah ini :
*double klik pada gambar untuk memperbesar gambar
berikut kode sederhana yang saya coba susun dengan menambahkan beberapa perintah yang di warnai dengan warnai hijau dari rumus di postingan sebelumnya, simpanlah dengan nama file halaman.php :
<style type="text/css">
table {
border: 1px solid #000000;
}
th {
background-color: #B45F04;
color : #08088A;
}
tr:hover{
background-color: #088A85;
}
</style>
<?php
echo"<center>";
echo "<table cellpadding=4><tr><th>Nomor</th><th>NIM</th><th>Nama Mahasiswa</th><th>Email</th><th>Jurusan / Prodi </th></tr>";
echo "<body bgcolor='#E1F5A9'>";
$warna1 = "#04B431";
$warna2= "#AEB404";
$warna = $warna1;
mysql_connect("localhost","root","");
mysql_select_db("dbelajar");
$batas=5;
$halaman=$_GET['halaman'];
if(empty($halaman)){
$posisi=0;
$halaman=1;
}
else {
$posisi = ($halaman-1) * $batas;
}
$tampil="SELECT * FROM mahasiswa LIMIT $posisi,$batas";
$hasil=mysql_query($tampil);
$no=$posisi+1;
while ($data=mysql_fetch_array($hasil)){
if ($warna == $warna1){
$warna = $warna2;
}
else{
$warna=$warna1;
}
echo "<tr><td>$no</td>
<td>$data[NIM]</td>
<td>$data[nama]</td>
<td>$data[email]</td>
<td>$data[prodi]</td></tr>";
$no++;
}
echo "</table>";
$tampil2 = mysql_query("SELECT * FROM mahasiswa");
$jmldata = mysql_num_rows($tampil2);
$jmlhalaman = ceil($jmldata/$batas);
echo "<br>Halaman ke:";
for ($i=1;$i<=$jmlhalaman;$i++)
if ($i !=$halaman){
echo"<a href=$_SERVER[PHP_SELF]?halaman=$i>$i<a> |";
}
else {
echo "<b>$i</b> |";
}
echo "<p>Total Data Mahasiswa: <b>$jmldata</b> Mahasiswa</p>";
echo "</center>";
echo "</body>";
?>
selamat mencoba dan berkreasi!
Tidak ada komentar:
Posting Komentar