Table warna-warni dengan PHP dan MySQL

Mungkin dalam membuat tampilan website kita harus lebih berimajinasi, karena tampilan juga berpengaruh selain isi dari website itu sendiri. Disini saya akan menuliskan bagaimana mempercantik tabel dengan warna-warni, warna itu sendiri juga termasuk dapat membedakan baris ke berapa kita tadi melihat isi tabel selain di nomor yang telah ada. Langsung saya kita membuat contoh sederhana.

1. Buat table mahasiswa seperti dibawah ini, dan inputkan beberapa record sesuai dengan keinginan anda :

CREATE TABLE `mahasiswa`(`nim` VARCHAR( 5 ) NOT NULL ,`nama` VARCHAR( 50 )NOT NULL ,`fakultas` VARCHAR( 25 ) NOT NULL ,`kd_fak` CHAR( 2 ) NOT NULL) ENGINE = MYISAM ;

2. Buat tampilan data dari MySQL dengan PHP seperti dibawah ini:


<?PHP
$koneksi=mysql_connect("localhost","root","");
if(!$koneksi)
die("Tidak bisa konek dengan database bro");

if(!mysql_select_db("akademik",$koneksi))
die("Database tidak bisa dibuka");

echo"<table><tr><td>No</td><td>NIM</td><td>Nama</td><td>Fakultas</td></tr>";
$no=1;
$data=mysql_query("SELECT * FROM mahasiswa");
while($dt=mysql_fetch_array($data))
{
echo"$no$dt[nim]$dt[nama]$dt[fakultas]";
$no++;
}
echo"</table?";
?>


4. Maka tampilan nya masih standart, dan untuk mempercantik table tersebut anda gunakan warna yang sesuai dengan keinginan anda. Dengan cara menambahkan syntax seperti dibawah ini :

if(($no % 2)==0){
$bgcolor="#FFCC66";
}else{
$bgcolor="#FF9933";
}

5. Atau anda dapat melihat syntax yang sudah digabungkan dibawah ini :


<?PHP
$koneksi=mysql_connect("localhost","root","");
if(!$koneksi)
die("Tidak bisa konek dengan database bro");

if(!mysql_select_db("akademik",$koneksi))
die("Database tidak bisa dibuka");

echo"<table><tr bgcolor='#FF6600'><td>No</td><td>NIM</td><td>Nama</td><td>Fakultas</td></tr>";
$no=1;
$data=mysql_query("SELECT * FROM mahasiswa");
while($dt=mysql_fetch_array($data))
{
  if(($no % 2)==0){
  $bgcolor="#FFCC66";
  }else{
  $bgcolor="#FF9933";
  }
echo"$no$dt[nim]$dt[nama]$dt[fakultas]";
$no++;
}
echo"</table>";
?>

Silahkan mencoba di localhost anda, dan semoga berhasil.

Tentang -=N N=-

Simple Thinks
Pos ini dipublikasikan di MySQL, PHP, Tips dan Trick. Tandai permalink.

2 Balasan ke Table warna-warni dengan PHP dan MySQL

  1. dudin berkata:

    kenapa untuk tag penutup nya ada ?
    bisa di jelaskan gak??

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s