Loading halaman Tutorial Visual Basic, Delphi, PHP - Calon Programer : Menampilkan Data Ke Samping di PHP ...

Huft . . . Akhirnya selesai sudah menyelesaikan tantangan dari salah satu teman di kampus.
Dia bertanya tentang menampilkan data dari database menggunakan php, yang menariknya adalah biasanya data yang ditampilkan berulang kebawah, namun kali ini ia ingin data yang ditampilkan berulang kesamping.
Nah bagaimana cara menampilkan data kesamping secara berulang???
OK,langsung aja kita buat studi kasus disini,dimana kalian buat satubuah database, dan satu buah table (misal:barang).
Struktur table sbb :
Field Type
char(12)
varchar(100)
text
int(11)
int(11)
varchar(100)

Lalu kalian buatlah satu file untuk koneksi nya:
  1. <?php  
  2. $server = "localhost";  
  3. $username = "root";  
  4. $password = "password";  
  5. $database = "nim_mhs";  
  6.   
  7. // Koneksi dan memilih database di server  
  8. mysql_connect($server,$username,$passwordor die("Koneksi gagal");  
  9. mysql_select_db($databaseor die("Database tidak bisa dibuka");  
  10. $koneksi=mysql_connect($server$username$password)  
  11. ?>  

Setelah kalian buat database dan table nya,sekarang saatnya membuat file tampil_barang.php nya.
Saat ini saya akan membuat dua versi untuk menampilkan datanya, versi pertama adalah dengan menampilkan data kebawah seperti biasa, dan kdua menampilkan data kesamping seperti permintaan teman saya ini.

Kasus pertama (Menampilkan data ke bawah):
Script
  1. <p><strong>DATA BARANG</strong></p>  
  2.  <br>   
  3. <table width="100%" border="1">  
  4.   <tr bgcolor="#99FF00">   
  5.     <th>NOMOR</th>  
  6.     <th>ID BARANG</th>  
  7.     <th>NAMA BARANG </th>  
  8.     <th>DESKRIPSI</th>  
  9.     <th>HARGA BARANG</th>  
  10.     <th>STOK BARANG</th>  
  11.     <th>AKSI</th>  
  12. </tr>  
  13. <?php  
  14.     include "koneksi.php";  
  15.     $no=1;  
  16.     $tampil = mysql_query("SELECT * FROM barang order by idbarang");  
  17.     while($r=mysql_fetch_array($tampil)){  
  18.     echo" 
  19.     <tr> 
  20.         <td>$no</td> 
  21.         <td>$r[0]</td> 
  22.         <td>$r[1]</td> 
  23.         <td>$r[2]</td> 
  24.         <td>$r[3]</td> 
  25.         <td>$r[4]</td> 
  26.         <td> 
  27.         <a href='detailbarang.php?idbarang=$r[0]'>DETAIL</a> 
  28.         <a href='editbarang.php?idbarang=$r[0]'>EDIT</a> 
  29.         <a href='hapusbarang.php?idbarang=$r[0]'>HAPUS</a> 
  30.         </td>    
  31.     </tr>";  
  32.     $no++;  
  33.     }  
  34. ?>  
  35. </table>  
  36. <a href="formbarang.php">Input Data Produk lagi ...</a>  
Hasilnya akan tampil sbb:
DATA BARANG


NOMOR ID BARANG NAMA BARANG DESKRIPSI HARGA BARANG STOK BARANG AKSI
1 2121 barang2 isi dari deskripsi barang ke 2 25000 25
DETAIL
EDIT
HAPUS
2 BR002 LANGKAH MASTER TI PHP KARYA LUKMANUL HAKIM 50000 20
DETAIL
EDIT
HAPUS
Input Data Produk lagi ...

Lalu kasus kedua yaitu menampilkan data kesamping:
Script
  1. <p><strong>DATA BARANG</strong></p>  
  2.  <br> <table height="91" border="0">  
  3.    <tr><td>  
  4. <table width="100%" border="0">  
  5.   <tr>   
  6.     <td bgcolor='#99FF00'>NOMOR</td>  
  7.     </tr>  
  8.     <tr>  
  9.     <td>ID BARANG</td>  
  10.     </tr>  
  11.     <tr>  
  12.     <td bgcolor='#99FF00'>NAMA BARANG </td>  
  13.     </tr>  
  14.     <tr>  
  15.     <td>DESKRIPSI</td>  
  16.     </tr>  
  17.     <tr>  
  18.     <td bgcolor='#99FF00'>HARGA BARANG</td>  
  19.     </tr>  
  20.     <tr>  
  21.     <td>STOK BARANG</td>  
  22.     </tr>  
  23.     <tr>  
  24.     <td bgcolor='#99FF00'>AKSI</td>  
  25.     </tr>  
  26. </table></td>  
  27. <?php  
  28.     include "koneksi.php";  
  29.     $no=1;  
  30.     $tampil = mysql_query("SELECT * FROM barang order by idbarang");  
  31.     while($r=mysql_fetch_array($tampil)){  
  32.     echo"<td><table border='0'><tr> 
  33.         <td bgcolor='#99FF00'>$no</td></tr><tr> 
  34.         <td>$r[0]</td></tr><tr> 
  35.         <td bgcolor='#99FF00'>$r[1]</td></tr><tr> 
  36.         <td>$r[2]</td></tr><tr> 
  37.         <td bgcolor='#99FF00'>$r[3]</td></tr><tr> 
  38.         <td>$r[4]</td></tr><tr> 
  39.         <td bgcolor='#99FF00'> 
  40.         <a href='detailbarang.php?idbarang=$r[0]'>DETAIL</a> 
  41.         <a href='editbarang.php?idbarang=$r[0]'>EDIT</a> 
  42.         <a href='hapusbarang.php?idbarang=$r[0]'>HAPUS</a> 
  43.         </td></tr></table></td>  
  44.     ";  
  45.     $no++;  
  46.     }  
  47. ?>  
  48. </tr></table>  
  49. <a href="formbarang.php">Input Data Produk lagi ...</a>  
Dan Hasilnya:

Dari hasil perbandingan diatas dapat kita lihat perbedaan pada struktur tampilannya,pada file yg pertama (menampilkan kebawah) hanya berbentuk satu buah table.
Namun pada file kedua(menampilkan kesamping) terdapat beberapa table untuk mengatur layout dari tampilan data nya...
Saya rasa cukup jelas sampai sini untuk penjelasannya,jika masih ada yang belum di fahami.silahkan tinggalkan komentar kalian.
Semoga bermanfaat :)

Klik Like/share jika anda menyukai tulisan Share


Tagg :

0 Reply :

Posting Komentar

Jika ada pertanyaan atau request,Komentar pada tab blogger akan lebih memudahkan saya untuk membalasnya karena lebih mudah melakukan pengecekan komentar.