Menampilkan Data Menggunakan My SQL

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

1. Menampilkan data di tabel
2. Menampilkan data baris zebra
3. Format data dengan kondisi tertentu (Conditional formating)
4. 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

source code

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18

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

source code

1 2 3 4 5 6 7

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

source code

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<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.

source code

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

<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

source code

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

<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

source code

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20

<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

Nah, sekian dulu semoga tips diatas bisa bermanfaat. untuk posting selanjutnya saya akan membahas tentang sorting,searching dan paging dengan PHP dan MYSQL.

Source Codenya Download Disini

Sumber : http://www.candra.web.id/2012/09/10/menampilkan-data-mysql-dengan-php/