Skip to main content

Belajar PHP (Membuat Halaman Komentar)

Fasilitas komentar pada sebuah website akan menjadikan situs kita rancang menjadi lebih hidup karena dapat mengajak pengunjung untuk berinteraksi secara langsung. Umumnya fasilitas komentar dapat kita jumpai hampir disetiap website, blog atau bahkan forum seperti ini untuk mendapatkan umpan balik baik itu masukan, kritikan, pertanyaan atau bahkan pujian dari pengunjung website. Konsep pembuatan komentar ternyata cukup sederhana, asalkan paham sedikit mengenai PHP dan MYSQL, Insya Allah kamu dapat memahami bagaimana cara kerjanya. Berikut ini saya akan mencoba menulis bagaimana membuat fasilitas halaman komentar sederhana Masuk ke MYSQL buat database dan tabel dalam contoh ini databasenya adalah komentar sedangkan tabelnya adalah data.
mysql> use komentar;
Database changed
mysql>
mysql> use komentar;
Database changed
mysql> create table data(
-> id INT NOT NULL  AUTO_INCREMENT PRIMARY KEY,
-> nama VARCHAR(50) NOT NULL,
-> email VARCHAR(50) NOT NULL,
-> isi TEXT NOT NULL,
-> );
Query OK, 0 rows affected (0,01 sec)
mysql> quit
bye

Sejauh ini proses pembuatan database sebagai penampungan data berhasil dibuat. Sekarang kita akan merancang pembuatan Formulir Isian menggunakan bahasa HTML murni dengan nama misalnya  komentar.html. Simpan di direktori root pada webserver.

<html>
<head>
<title>Form Komentar</title>
<h3><center>Tuliskan Komentar</center></h3>
<hr>
<body>
<form action="konfirmasi.php" method="post">
Nama   :<br> <input type="text" name="nama"><br>
E-Mail :<br> <input type="text" name="email"><br>
Isi    : <br>
<textarea name="komentar" cols="45" rows="10"> </textarea><br>
<input type="submit" value="Kirim">
<input type="reset" value="Batal">
</body>
</html>


Hasil dari Script tadi tampilannya kurang lebih seperti ini.
Agar dapat mengirimkan pesan yang kita tulis dari Formulir tadi ke dalam Database (mysql) kita membutuhkan satu halaman khusus yang mengandung perintah untuk dapat mengirimkan data tersebut. Untuk itu kita membutuhkan bahasa PHP. Perhatikan sintaks <form action=”konfirmasi.php” method=”post”> pada form tadi
Artinya adalah ketika kita menekan tombol kirim, maka data yang sudah kita tulis akan dioper kehalaman konfirmasi.php yang berisi perintah untuk mengirim data agar dimasukan kedalam database. Untuk itu buatlah halaman konfirmasi.php
<?php
$nama=$_POST['nama'];
$email=$_POST['email'];
$komentar=$_POST['komentar'];
mysql_connect("localhost","root","");
mysql_select_db("komentar");
$result=mysql_query("insert into data values('null','$nama','$email','$komentar')");
if ($result) {
echo "Data Berhasil Dikirim..<br>";
}
echo "<br><a href='tampil.php'>Lihat Komentar</a>";
?>

Kita sudah membuat Form isian dan halaman untuk mengirim query ke database. Selanjutnya untuk menampilkan  komentar yang sudah kita posting cukup membuat halaman PHP sederhana berikut ini
<html>
<head>
<title>Halaman Komentar</title>
<h1><center>Komentar Anda </center> </h1>
<?php
mysql_connect("localhost","root","");
mysql_select_db("komentar");
$result=mysql_query("select * from data order by id DESC");
while($data=mysql_fetch_row($result))
{
echo "<hr/>";
echo "<b>$data[1]</b><br>";
echo "email : <i>$data[2]</i><br>";
echo "$data[3]<br>";
}
?>
</body>
</html>

Cobalah masukan komentar anda pada Formulir isian trus tekan tombol kirim dan lihat hasilnya. Kalau tidak terjadi error, mestinya setiap komentar yang kamu isi dapat ditampilkan oleh Browser seperti contoh ini.
Semoga bermanfaat dan selamat mencoba !

Comments

Popular posts from this blog

Membuat Tombol Scroll ke Atas (back to top) dengan JQuery

Cara membuat tombol scroll ke atas dengan jquery (back to top) – Sebuah website yang begitu panjang kebawah tentu akan menyulitkan penggunanya untuk bisa kembali lagi keatas, karena harus scroll terus dengan menggunakan mouse. Hal tersebut tentu kurang efektif. Untuk mengatasi hal tersebut, banyak orang menggunakan sebuah tombol yang ketika di klik akan membawa kita ke bagian atas halaman website dengan animasi yang menarik. Dibutuhkan jquery untuk membuat hal semacam itu, dan pada tutorial kali ini  Media Kunci  akan mengajarkan Anda cara membuatnya. Mudah kok, script nya juga tidak panjang. 1.  HTML:  Buat sebuah file html dan tuliskan script markup nya seperti berikut ini <div id="wrapper"> <h1>Membuat Tombol Scroll to Top Dengan Jquery</h1> <h5><a href="https://mediakunci.blogspot.com/2019/04/membuat-tombol-scroll-ke-atas-back-to.html">Baca tutorial di Media Kunci</a></h5> Konten yang panjang disini....

Insert Data ke Database Tanpa Loading dengan PHP dan jQuery

Insert Data ke Database Tanpa Loading dengan PHP dan jQuery. Tutorial pertama tentang jQuery ini akan saya mulai dari yang sederhana aja dulu yaitu cara Insert Data ke Database Tanpa Loading dengan PHP dan jQuery. Baca juga :  Menampilkan Data dari Database MySQL Tanpa Loading Dengan jQuery Sebelumnya silahkan download dahulu jQuery di website resminya  disini . Selanjutnya buat sebuah database, dalam hal ini saya membuat database dengan nama  terserah . Kemudian dumping Script SQL di bawah ini: CREATE TABLE `siswa` ( `nama` varchar(32) NOT NULL, `kelas` varchar(3) NOT NULL, `jurusan` varchar(20) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=utf8; Dari Script SQL di atas anda akan mendapatkan sebuah table dengan nama  siswa  dengan tiga buah field yaitu nama, kelas, jurusan. Jika sudah kita akan membuat Form HTML, dan berikut ini kodenya: <html> <head> <title>Insert Data ke Database Dengan jQuery</title> </head> <body> <form id=&q