Teknik Warna Selang-Seling saat view tabel dengan PHP dan MYSQL

Assalamualauikum,

Bismillah, ini mau nulis Blog lantaran kerjaan di kantor sudah selesai, nah dari pada Nganggur dan bermuram Durja 🙁 lantaran pengin beli Sony Smart Watch 🙁 lebih baik nulis-nulis.

Oke langsung saja, pada dasarnya, tidak ada yang tidak kenal cara view tabel pada tutorial sebelumnya View Data dijelaskan cara view data dari MySQl.

Untuk Website-website versi company Profile, warna tabel memang tidak seberapa dibtuhkan, namun jika membuat web versi system dan mengolah data ini sangat dibutuhkan. apalagi datanya banyak. Nah untuk itu warna tabel dibutuhkan agar mata tidak sakit melihat isi tabelnya.

Mungkin sperti ini penampakannya kelak

view_crud

Jika gambar kurang besar bisa anda Klik.

nah untuk script sama, jika pernah baca tutrial sebebelumnya di file index.php ditambahi beberapa script, lengkapnya silahkan liat disini

<?php
include “koneksi.php”;

echo “<a href=’input.php’>Add New data</a>”;

$sql = “SELECT * FROM mahasiswa”;//-> ini query untuk select satu tabel. yaitu tabel mahasisiwa
$hasil = mysql_query($sql);

$warnaGenap = “#FFFFF”; // warna bisa anda ubah sesuai keinginan anda
$warnaGanjil = “#CEF6F5”; // warna bisa anda ubah sesuai keinginan anda

echo “<table align=center border=1 cellpadding=2 cellspacing=0><tr>”;
echo “<tr bgcolor = ‘##F6CECE’><td align=’center’ colspan=’3′><b>Data Mahasiswa<b></td></tr>”;
echo “<th>Nama</th>”;
echo “<th>Jurusan</th>”;
echo “<th>Email</th>”;
echo “<tr>”;

$no=0;
WHILE($data = mysql_fetch_array($hasil)){

/*script ini yang digunakan untuk membedakan warna tiap baris, prinsipnya seperti bilangan genap ganjil*/
if ($no % 2 == 0) $warna = $warnaGenap;
else $warna = $warnaGanjil;

echo “<tr bgcolor=’.$warna’>”;
echo “<td>$data[nama]</td>”;
echo “<td>$data[jurusan]</td>”;
echo “<td>$data[email]</td></tr>”;

$no++;

}
echo “</table>”;

?>

Yang pengin langsung praktek, bisa download disini

Oke Sekian tutorial kali ini, bila ada masalah script yang tidak jalan atau link tautan yg mati bisa langsung komen saja dibawah

Thanks

Wassalamualaikum..

 

 



Leave a Reply

Your email address will not be published. Required fields are marked *