Hal yang paling umum ketika kita belajar PHP dan MySQL adalah menampilkan data dari sebuah tabel. Nah berikut ini akan saya berikan panduan dasar untuk programmer pemula teknik bagaimana cara menampilkan data dan variasinya. Hal yang akan kita bahas adalah
- Menampilkan data di tabel
- Menampilkan data baris zebra
- Format data dengan kondisi tertentu (Conditional formating)
- Menampilkan data secara vertikal
Sebelum masuk ke materi pertama tama anda harus membuat database terlebih dahulu dan membuat tabel contoh dengan nama mahasiswa. Script SQL untuk membuat tabel adalah sebagai berikut
membuat tabel mahasiswa
CREATE TABLE IF NOT EXISTS `mahasiswa` ( `nim` varchar(5) NOT NULL, `nama` varchar(40) NOT NULL, `ipk` double NOT NULL, `jurusan` varchar(40) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; -- -- Dumping data untuk tabel `mahasiswa` -- INSERT INTO `mahasiswa` (`nim`, `nama`, `ipk`, `jurusan`) VALUES ('M0002', 'Firman', 2.1, 'Ekonomi'), ('M0003', 'Gunawan', 3.71, 'Sistem Informasi'), ('M0004', 'Gunatri', 2.2, 'Pendidikan'), ('M0005', 'Fitria', 3.1, 'Teknik Mesin'), ('M0016', 'Zuhair', 2.5, 'Teknik Industri'), ('M0100', 'andri', 3.82, 'Psikologi');
Membuat script koneksi.php
define('db_host','localhost'); define('db_user','root'); //user database define('db_pass',''); //passwd database define('db_name','candralab'); mysql_connect(db_host,db_user,db_pass); mysql_select_db(db_name);
Jika dua hal tersebut telah ada buat. sekarang mari kita masuk ke panduan pertama
Menampilkan data di tabel
teknik ini adalah teknik paling dasar dalam menampilkan dari tabel mysql menggunakan PHP
<h2>Menampilkan data di Tabel</h2> <table border="1" width="500px"> <th><td>Nim</a></td><td>Nama</td><td>IPK</td><td>Jurusan</td></th> <!-- example 1 :menampilkan data di tabel--> <?php require_once('koneksi.php'); $query1="select * from mahasiswa "; $result=mysql_query($query1) or die(mysql_error()); $no=1; //penomoran while($rows=mysql_fetch_object($result)){ ?> <tr> <td><?php echo $no ?></td> <td><?php echo $rows -> nim;?></td> <td><?php echo $rows -> nama;?></td> <td align='right'><?php echo $rows -> ipk;?></td> <td><?php echo $rows -> jurusan;?></td> </tr> <?php $no++; }?> </table>
hasil dari code diatas harusnya tampak seperti ini
Menampilkan data baris zebra
untuk menampilkan tabel zebra strip, codenya hampir sama dengan contoh pertama. Kunci utama zebra skrip adalah memberikan syle warna lain jika suatu baris adalah ganjil.
Berikut ini adalah potongan code dari zebra strip.
<h2> Table Zebra strip </h2> <table width="500px"> <th><td>Nim</a></td><td>Nama</td><td>IPK</td><td>Jurusan</td></th> <?php $query2="select * from mahasiswa "; $result=mysql_query($query2) or die(mysql_error()); $no=1; //penomoran $warna='#fffff'; while($rows=mysql_fetch_object($result)){ if($no%2==1){ $warna='#ece9d8'; }else{ $warna='#fff'; } ?> <tr style='background-color: <?=$warna;?>'> <td><?php echo $no ?></td> <td><?php echo $rows -> nim;?></td> <td><?php echo $rows -> nama;?></td> <td align='right'><?php echo $rows -> ipk;?></td> <td><?php echo $rows -> jurusan;?></td> </tr> <?php $no++; }?> </table>
hasil dari code diatas akan tampak seperti gambar dibawah ini
Conditional formating
Teknik ketiga adalah memformat suatu data jika memenuhi syarat syarat tertentu. dalam contoh yang saya buat, jika ip mahasiswa
<h2> Conditional Formating </h2> <table width="500px"> <th><td>Nim</a></td><td>Nama</td><td>IPK</td><td>Jurusan</td></th> <?php //fungsi conditional formating untuk IPK function format_ipk($ipk){ $warna='#000'; if($ipk<=2.75){ $warna='#e51a1a'; //merah }else if($ipk<=3.5){ $warna='#99bff1'; //biru }else if($ipk<=4.0){ $warna='#40c74c'; //hijau } return "<div style='color:$warna';text-weight>$ipk</div>"; } $query2="select * from mahasiswa "; $result=mysql_query($query2) or die(mysql_error()); $no=1; //penomoran $warna='#fffff'; while($rows=mysql_fetch_object($result)){ if($no%2==1){ $warna='#ece9d8'; }else{ $warna='#fff'; } ?> <tr style='background-color: <?=$warna;?>'> <td><?php echo $no ?></td> <td><?php echo $rows -> nim;?></td> <td><?php echo $rows -> nama;?></td> <td align='right'><?php echo format_ipk($rows -> ipk);?></td> <td><?php echo $rows -> jurusan;?></td> </tr> <?php $no++; }?> </table>
hasil dari conditional formating tampak seperti gambar berikut
Tampilan vertikal
ketiga teknik diatas umumnya dipakai untuk halaman pengolahan data, maka teknik ini sering dipakai terutama dihalaman web yang dikunjungi oleh user
<h2> Menampilkan data secara vertikal </h2> <table> <?php $query2="select * from mahasiswa limit 2 "; $result=mysql_query($query2) or die(mysql_error()); while($rows=mysql_fetch_object($result)){ ?> <tr><td align='right'><b>Nim:</b></td><td><?php echo $rows -> nim;?></td><tr> <tr> <td align='right'><b>Nama:</b></td><td><?php echo $rows -> nama;?></td><tr> <tr> <td align='right'><b>IPK:</b></td><td><?php echo $rows -> ipk;?></td><tr> <tr> <td align='right'><b>Jurusan:</b></td><td><?php echo $rows -> jurusan;?></td><tr> <?php }?> </table>
hasil dari teknik tersebut tampak seperti gambar dibawah ini
Bagi yang ingin mendapatkan source code contoh, silahkand download disini
Nah, sekian dulu semoga tips diatas bisa bermanfaat. untuk posting selanjutnya saya akan membahas tentang sorting,searching dan paging dengan PHP dan MYSQL.
jadi tunggu saja!
mas saya pemula,
permisi mau nanya nih.
mas kalo kita mau menampilkan data dari database tanpa membuat tabel / menampilkan data secara keseluruhan yang jumlahnya tidak fixed bagaimana caranya ?
saya baru belajar php secara otodidak jadi belum begitu paham