Lompat ke konten Lompat ke sidebar Lompat ke footer

Menampilkan Data Dari Database MySQL ke dalam Tabel PHP

Hallo programmer, pada tulisan kali ini kita akan belajar bagaimana cara menampilkan isi data yang ada pada database MySQL untuk di tampilkan ke dalam bentuk tabel HTML menggunakan bahasa pemrograman PHP. Untuk dapat menampilkan data melalui PHP maka kita perlu membuat sebuah file PHP yang berisi petintah-perintah atau kode-kode untuk menampilkan isi database yang kemudian di simpan ke dalam direktori C:\xampp\htdocs. Ini sangat penting dan hal ini adalah sesuatu yang sangat mendasar yang harus dipahami dan dimengerti oleh para pemula dalam dunia pemrograman internet karena di sinilah file php disimpan dan dapat kita akses.

Oke tanpa banyak basa-basi mari kita langsung saja simak panduan berikut ini.

Tutorial Bagaimana Cara Menampilkan Data dari Database MySQL ke dalam Tabel PHP

1. Langkah pertama yang harus Anda lakukan adalah memastikan bahwa aplikasi web server Xampp sudah di Install pada komputer kamu. Jika belum kamu bisa mengunduh aplikasi Xampp, kemudian menginstal aplikasi xampp pada windows kamu.


3. Langkah ketiga adalah membuat buat database dengan nama "barang_db", lalu buatlah tabel daru dengan nama "barang". Silahkan lihat tutorial nya di sini: Cara Membuat Database & Tabel MySQL di phpMyAdmin Xampp.

4. Setelah selesai membuat database dan tabel, maka kita perlu untuk mengisi data ke dalam tabel melalui phpMyAdmin, silahkan lihat caranya di sini: Cara Mengisi Data ke Dalam Tabel MySql.

5. Setelah semua hal diatas sudah terpenuhi, sekarang mari kita mulai untuk koding PHP. Untuk tools nya bisa dengan menggunakan Notepad atau Notepad++, saya pribadi lebih suka menggunakan Notepad++

6. Buat file php dengan nama "barang.php" kemudian simpan pada direktori C:\xampp\htdocs. Kemudian masukkan listing kode di bawah ini:
<html>
<head>
 <title>Tabel Barang| www.caratutorial.com</title>
 <style>
 .table1 {
    font-family: sans-serif;
    color: #444;
    border-collapse: collapse;
    width: 50%;
    border: 1px solid #f2f5f7;
}

.table1 tr th{
    background: #35A9DB;
    color: #fff;
    font-weight: normal;
}

.table1, th, td {
    padding: 8px 20px;
    text-align: left;
}

.table1 tr:hover {
    background-color: #f5f5f5;
}

.table1 tr:nth-child(even) {
    background-color: #f2f2f2;
}
 </style>
</head>
<body style="text-align:center">
 <h1>Tabel Barang</h1><hr />
 <table style="width:100%" class="table1">
  <tr>
   <th>No</th>
   <th>Kode</th>
   <th>Nama</th>
   <th>Harga</th>
   <th>Stok</th>
  </tr>
  
  <?php
  $konek = mysqli_connect("localhost","root","");
  $database = mysqli_select_db($konek, "barang_db");  
  
  $no = 1;
  $data = mysqli_query($konek,"select * from barang");
  while($r = mysqli_fetch_array($data)){
   $id_barang = $r['id_barang'];
   $nama_barang = $r['nama_barang'];
   $harga_barang = $r['harga_barang'];
   $stok_barang = $r['stok_barang'];
        ?>
  <tr><td><?php echo $no++; ?></td>
   <td><?php echo $id_barang; ?></td>
   <td><?php echo $nama_barang; ?></td>
   <td><?php echo $harga_barang; ?></td>
   <td><?php echo $stok_barang; ?></td>
  </tr>
  <?php 
  }
  ?>
 </table> 
</body>
</html>

7. Setelah selesai, klik save untuk menyimpan perubahan. lalu buka browser bisa dengan menggunakan Microsoft Edge, Chrome, Mozilla, dan lain-lain.

8. Pada adres bar silahkan ketik "http://localhost/barang.php" tanpa tanda petik, lalu tekan ENTER. Maka akan menampilkan tabel barang seperti screenshot gambar berikut ini:
Menampilkan Data Dari Database MySQL ke dalam Tabel PHP
Gambar Tabel Barang

Gambar diatas menunjukkan tabel barang yang berisi data yang kamu isi pada langkah ke empat diatas. Sampai disini kamu sudah berhasil menampilkan data mysql ke dalam tabel menggunakan perintah bahasa pemrograman php.

Semoga bermanfaat...

Posting Komentar untuk "Menampilkan Data Dari Database MySQL ke dalam Tabel PHP"