Rabu, 13 Februari 2013

Membuat tabel warna-warni (ganjil-genap)

Untuk postingan saya yang pertama kali ini saya akan memberikan tutorial untuk membuat tabel dengan bahasa pemrograman PHP dengan database Mysql dengan tampilan berwarna untuk membedakan  data ganjil atau genap... ok, ngak usah basa-basi mari belajar....

1. Buat database dengan nama test  di Phpmysql (tentunya kalian sdh menginstall web server)..
2. Buat tabel mahasiswa, berikut script sqlnya:


    CREATE TABLE IF NOT EXISTS `mahasiswa` (
  `nim` varchar(10) NOT NULL default '',
  `nama_mhs` varchar(30) default NULL,
  `alamat` varchar(30) default NULL,
  PRIMARY KEY  (`nim`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;


3. Buat koneksi ke database dengan "koneksi.php":
    
<?php
mysql_connect("localhost","username database","password database anda") or die(mysql_error());
mysql_select_db("test") or die(mysql_error());
?>

4. Selanjutnya buat script utamanya "tabel.php":

<?php

include "koneksi.php";

$genap = "#FAEBD7";
$ganjil="#FFFFFF";
$head="#649ED";

$sql ="select * from mahasiwa";
$h= mysql_query($sql);

echo "<table border='1'>";
echo "<tr bgcolor='".$head."'>
      <td>NIM</td>
      <td>Nama Mahasiswa</td>
      <td>Alamat</td>
      </tr>";
     
$counter=1;

while ($data = mysql_fetch_array($h))
{
//mengecek apakah data ganjil atau genap

if($counter%2==0)$warna = $genap;
else $warna = $ganjil;

echo "<tr bg color='".$warna."'>";
echo "<td>".$data['nim']."</td>";
echo "<td>".$data['nama_mhs']."</td>";
echo "<td>".$data['alamat']."</td>";
echo "</td>";

$counter++; //menambah counter
}
echo "</table>";

?>


5. langkah terakhir tinggal menjalankan di browser anda dengan  http://localhost/blog/tabel.php

Nah, selesai sudah tutorial kita..... selamat belajar.....

1 komentar: