Membangun Sistem Komentar Sederhana dengan PHP dan MySQL
Langkah 1: Mempersiapkan Database
Pertama, buatlah database dan tabel yang akan menyimpan data komentar pengguna. Berikut adalah contoh query SQL untuk membuat database dan tabel:
CREATE DATABASE tutorial_komentar; USE tutorial_komentar; CREATE TABLE komentar ( id INT AUTO_INCREMENT PRIMARY KEY, nama_pengguna VARCHAR(100) NOT NULL, isi_komentar TEXT NOT NULL, tanggal TIMESTAMP DEFAULT CURRENT_TIMESTAMP );
Pada tabel komentar, kita memiliki kolom:
idsebagai primary key yang otomatis bertambah,nama_penggunauntuk menyimpan nama pengguna yang menulis komentar,isi_komentaruntuk menyimpan teks komentar,tanggaluntuk mencatat waktu komentar ditambahkan.
Langkah 2: Membuat Tampilan Formulir Komentar di HTML
Selanjutnya, kita buat tampilan sederhana dengan HTML untuk memasukkan dan menampilkan komentar.
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sistem Komentar Sederhana</title>
<style>
/* Styling sederhana untuk tampilan komentar */
.komentar-box {
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 15px;
background-color: #f9f9f9;
}
.komentar-box h4 {
margin: 0;
color: #333;
}
.komentar-box p {
margin: 5px 0;
color: #555;
}
</style>
</head>
<body>
<h2>Berikan Komentar Anda</h2>
<form method="POST" action="komentar.php">
<input type="text" name="nama_pengguna" placeholder="Nama Anda" required><br>
<textarea name="isi_komentar" placeholder="Tulis komentar..." required></textarea><br>
<button type="submit">Kirim Komentar</button>
</form>
<h2>Komentar</h2>
<div id="daftarKomentar">
<!-- Komentar akan ditampilkan di sini -->
</div>
</body>
</html>
Di sini, kita memiliki elemen form dengan input nama dan area teks untuk komentar. Formulir ini akan mengirim data ke file komentar.php.
Langkah 3: Membuat File PHP untuk Memproses dan Menampilkan Komentar
Sekarang, kita buat file komentar.php yang akan menyimpan komentar ke database dan menampilkan daftar komentar yang ada.
<?php
// Koneksi ke database
$conn = new mysqli("localhost", "root", "", "tutorial_komentar");
if ($conn->connect_error) {
die("Koneksi gagal: " . $conn->connect_error);
}
// Menyimpan komentar ke database jika form dikirim
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$nama_pengguna = $_POST['nama_pengguna'];
$isi_komentar = $_POST['isi_komentar'];
$query = "INSERT INTO komentar (nama_pengguna, isi_komentar) VALUES ('$nama_pengguna', '$isi_komentar')";
$conn->query($query);
}
// Mengambil daftar komentar dari database
$result = $conn->query("SELECT * FROM komentar ORDER BY tanggal DESC");
// Menampilkan komentar
while ($row = $result->fetch_assoc()) {
echo "<div class='komentar-box'>";
echo "<h4>" . htmlspecialchars($row['nama_pengguna']) . "</h4>";
echo "<p>" . htmlspecialchars($row['isi_komentar']) . "</p>";
echo "<small>" . $row['tanggal'] . "</small>";
echo "</div>";
}
$conn->close();
?>
Dalam file ini:
- Kita mulai dengan membuat koneksi ke database.
- Jika ada data yang dikirimkan melalui metode
POST, kita simpan data tersebut ke dalam tabelkomentar. - Kita kemudian mengambil semua komentar dari database dan menampilkannya.
Langkah 4: Menampilkan Daftar Komentar di Halaman HTML
Ubah file HTML utama agar menggunakan file komentar.php sebagai bagian dari halaman agar komentar selalu ditampilkan saat halaman dimuat.
<div id="daftarKomentar"> <?php include 'komentar.php'; ?> </div>
Langkah 5: Menjalankan dan Menguji Aplikasi
Buka halaman HTML ini di browser, masukkan nama dan komentar, lalu klik "Kirim Komentar." Komentar akan disimpan di database dan langsung ditampilkan di halaman.
Kesimpulan
Dengan PHP dan MySQL, kita dapat membuat sistem komentar sederhana yang efektif. Fitur ini dapat dikembangkan lebih lanjut dengan menambahkan validasi tambahan atau menggunakan JavaScript untuk membuat komentar instan tanpa reload halaman.
