Selamat datang kembali di blog studyonsunday.blogspot.com ini. Pada artikel kali ini saya akan membuat buku tamu sederhana menggunakan bahasa pemrograman php dan database NySQL pada halaman web. Disini saya menggunakan phpmyadmin untuk membuat database, yang sudah tersedia di xampp jika anda ingin penjelasan lebih mengenai apa itu xampp anda dapat mencari informasinya di google, oke langsung saja saya akan jelaskan cara pembuatannya, ikuti langkah - langkahnya dibawah ini:
Langkah pertama kita akan membuat table bukutamu, buka web browser saya menggunakan Mozila Firefox dan xampp untuk membuka file php di web browser, kemudian ketikan http://localhost/phpmyadmin pada addres bar
Kemudian buat database baru dengan memasukan nama database ke field create new database kemudian tekan create
Gambar : pembuatan database pada phpmyadmin
Kemudian ciptakan sebuah table pada database db_humanshare yang telah kita buat sebelumnya
Gambar : pembuatan table pada db_humanshare
Kemudian tekan tombol go
Lanjutkan dengan memberi kolom - kolom pada table dengan spesifikasi seperti berikut:
Gambar : pembuatan field dengan spesifikasi - spesifikasinya
Kemudian tekan tombol save
Pembuatan database dan table telah selesai, saya lanjutkan dengan kode html dan php nya
Gambar : tampilan table bukutamu yang telah selesai
Pembuatan form input buku tamu dan menampilkan data dengan kode html dan php seperti berikut:
<?php
$conn=mysql_connect("localhost","root","");
mysql_select_db("db_humanshare");
$slc="SELECT *FROM tb_bukutamu ORDER BY waktu DESC";
$slcsql=mysql_query($slc);
?>
<html>
<head>
<title>Buku Tamu Sederhana Dengan PHP</title>
</head>
<body>
<h1>Buku Tamu</h1>
<form action="Proses.php" method="post">
<table>
<tr>
<td>Nama</td>
<td><input type="text" name="nama" /></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td>Komentar</td>
<td>
<textarea name="komentar"></textarea>
</td>
</tr>
<tr>
<td><input type="submit" /></td>
<td><input type="reset" /></td>
</tr>
</table>
</form>
<hr>
<table>
<?php
while($row=mysql_fetch_array($slcsql)){?>
<tr>
<td>Nama</td>
<td><?php echo $row['nama'];?></td>
<tr>
<tr>
<td>Email</td>
<td><?php echo $row['email'];?></td>
<tr>
<tr>
<td>Waktu</td>
<td><?php echo $row['waktu'];?></td>
<tr>
<tr>
<td>Komentar</td>
<td><?php echo $row['komentar'];?></td>
<tr>
<tr>
<td></td>
<td></td>
<tr>
<?php
}
?>
</table>
</body>
</html>
Jika anda kesusahan dalam mengetik kode diatas, anda dapat menyalin kode di atas
Setelah itu simpan dengan nama Buku Tamu.php
Langkah selanjutnya yakni membuat file baru yang digunakan untuk memproses input dari form Buku Tamu.php
Silahkan buat kode berikut :
<?php
$conn=mysql_connect("localhost","root","");
mysql_select_db("db_humanshare");
$nama=$_POST['nama'];
$email=$_POST['email'];
$komentar=$_POST['komentar'];
$ins="INSERT INTO tb_bukutamu(nama,email,komentar,waktu)
VALUES('$nama','$email','$komentar',NOW())";
$inssql=mysql_query($ins);
header("location:Buku Tamu.php");
?>
Kemudian simpan dengan nama Proses.php, jangan lupa menyimpan file ini satu folder dengan file Buku Tamu.php
Jalankan pada web browser anda saya menggunakan Mozila Firefox dan lihatlah hasilnya
Gambar : tampilan akhir buku tamu
Demikian artikel saya kali ini, semoga bermanfaat bagi para pengunjung, anda dapat mengembangkan tampilan program buku tamu diatas agar semakin dinamis ataupun memperindah tampilannya, tunggu artikel saya berikutnya mengenai bahasa pemrograman php.
0 Comments:
Post a Comment