Anda mungkin sudah familiar dengan PHP sebagai bahasa pemrograman untuk membuat aplikasi web. Salah satu fitur yang dibutuhkan dalam pembuatan aplikasi web adalah kemampuan untuk menampilkan data dari database. Dalam artikel ini, saya akan menjelaskan cara menampilkan data dari database MySQL dengan PHP.
Cara Menampilkan Data dari Database MySQL dengan PHP
Sebelum kita mulai, pastikan Anda sudah memiliki database MySQL dan tabel yang sudah berisi beberapa data. Jika belum, Anda bisa membuatnya dengan mengikuti tutorial ini Tutorial Dasar MySQL.
Setelah database dan tabel sudah kita siapkan, sekarang kita akan membuat script PHP untuk menampilkan data dari database. Pertama, kita akan membuat koneksi Database dengan PHP. Berikut adalah contoh script untuk membuat koneksi Database MySQL dengan PHP:
<?php
$server = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
// Membuat Koneksi
$conn = new mysqli($server, $username, $password, $dbname);
// Cek Koneksi
if ($conn->connect_error)
die("Koneksi Gagal: " . $conn->connect_error);
echo "Koneksi Berhasil";
?>
Jangan lupa untuk mengganti nilai $server, $username, $password dan $dbname sesuai dengan pengaturan Database MySQL Anda.
Setelah berhasil membuat koneksi, sekarang kita akan menampilkan data dari database menggunakan fungsi SELECT pada MySQL. Berikut adalah contoh script untuk menampilkan data dari tabel ‘barang’ pada database ‘toko’ dengan PHP:
<?php
$sql = "SELECT * FROM barang";
$result = $conn->query($sql);
if ($result->num_rows > 0)
// output data of each row
while($row = $result->fetch_assoc())
echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Description: " . $row["description"]. "<br>";
else
echo "0 results";
?>
Jangan lupa untuk mengganti nama tabel dan kolom sesuai dengan database dan tabel Anda.
Setelah kita berhasil menampilkan data dari database MySQL dengan PHP, sekarang kita akan membuat tampilan yang lebih menarik untuk data tersebut dengan menggunakan HTML dan CSS. Berikut adalah contoh template HTML dan CSS untuk menampilkan data dari database:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Data Barang</title>
<style>
table
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
td, th
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
tr:nth-child(even)
background-color: #dddddd;
</style>
</head>
<body>
<h2>Data Barang</h2>
<table>
<tr>
<th>ID</th>
<th>Nama Barang</th>
<th>Deskripsi</th>
</tr>
<?php
$sql = "SELECT * FROM barang";
$result = $conn->query($sql);
if ($result->num_rows > 0)
// output data of each row
while($row = $result->fetch_assoc())
echo "<tr>";
echo "<td>".$row["id"]."</td>";
echo "<td>".$row["name"]."</td>";
echo "<td>".$row["description"]."</td>";
echo "</tr>";
else
echo "0 results";
?>
</table>
</body>
</html>
Untuk mengubah tampilan sesuai keinginan, silahkan ubah CSS seperti margin, padding, warna, font, dan lain-lain.
Gambar Dalam Konten
Agar artikel kita lebih menarik dan informatif, kita bisa menambahkan gambar dalam konten. Untuk setiap gambar dalam konten, kita harus menambahkan h2, img dengan tag alt, dan p. Berikut adalah contoh tampilan gambar dalam HTML:
<h2>Judul Gambar 1</h2>
<img src="url_gambar1.jpg" alt="Deskripsi Gambar 1">
<p>Deskripsi Gambar 1</p>
<h2>Judul Gambar 2</h2>
<img src="url_gambar2.jpg" alt="Deskripsi Gambar 2">
<p>Deskripsi Gambar 2</p>
FAQ + Include Video Youtube
Tidak lengkap rasanya jika artikel kita tidak memiliki bagian FAQ dan video Youtube. Bagian FAQ berguna untuk memberikan informasi tambahan kepada pembaca yang mungkin belum tercakup dalam artikel, sedangkan video Youtube berguna memberikan visualisasi dan penjelasan yang lebih interaktif. Berikut adalah contoh FAQ yang bisa kita tambahkan dalam artikel kita:
FAQ
1. Apa itu PHP?
PHP adalah bahasa pemrograman yang digunakan untuk membuat aplikasi web.
2. Apa itu MySQL?
MySQL adalah sistem manajemen basis data relasional open-source yang digunakan untuk menyimpan dan mengelola data.
Setelah kita menambahkan FAQ, sekarang kita akan menambahkan video Youtube dalam artikel kita. Caranya, kita cukup menambahkan embed code dari video Youtube ke dalam artikel kita. Berikut adalah contoh tampilan embed code untuk video Youtube:
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Jangan lupa untuk mengganti VIDEO_ID dengan ID video Youtube yang ingin Anda tampilkan dalam artikel.
Kesimpulan
Dalam artikel ini, kita telah belajar bagaimana cara menampilkan data dari MySQL database dengan PHP. Kita juga telah belajar bagaimana menambahkan gambar, FAQ, dan video Youtube dalam artikel kita. Semoga artikel ini bermanfaat untuk Anda.