menampilkan data MySQL dengan PHP

gambar1

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


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!

Author: Candra Adi Putra

Candra Adi Putra adalah Alumni STMIK AKAKOM Yogyakarta. Like Candralab Studio Di Facebook.

1 thought on “menampilkan data MySQL dengan PHP”

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

Tinggalin komentar dong!