Pada materi ini, sering disebut sebagai "Buku Tamu" atau "Halaman Contact", dan materi ini juga masih ada kaitannya dengan pembahasan sebelumnya "Implementasi PHP Dalam Web", oleh sebab itu, kita tidak perlu memulainya dari nol, hanya perlu sedikit modifikasi.
Langkah Pembuatan:
1. Membuat database "bukutamu"
2. Membuat tabel database "tamu" dengan field sebagai berikut:
| Field | Type | Size | Key |
|---------|---------|------|----------------------------|
| id | int | 10 | Auto increment primary key |
| name | varchar | 80 | |
| email | varchar | 100 | |
| address | varchar | 100 | |
| city | varchar | 100 | |
| msg | text | | |
3. Membuat folder "BukuTamu" di directory: wampserver/wamp/www
4. Membuat koneksi ke database, kita adobsi saja code pada pembahasan sebelumnya:
4. Membuat koneksi ke database, kita adobsi saja code pada pembahasan sebelumnya:
<?php
$hostmysql = "localhost";
$username = "root";
$password = "";
$database = "bukutamu";
$conn = mysqli_connect ($hostmysql, $username, $password, $database);
if ($conn){
echo "<b> Koneksi Berhasil </b>";
}
else{
die ("<b> Koneksi Gagal </b>");
}
?>
Edit tujuan databasenya, simpan dengan nama file "connect.php", letakan di folder BukuTamu.
5. Membuat GUI DATA ENTRY, saya contohkan code berikut:
<html>
<!--
*gatewan.com
*Wawan Beneran
*GUI ENTRY DATA BUKU TAMU
-->
<head>
<title>Buku Tamu</title>
</head>
<body>
<h2>Contact</h2>
<hr size="1">
<form name="tamu" method="post" action="simpan.php">
Nama <input style="margin: 5px 5px 5px 20px;" type="text" name="name"><br>
Email <input style="margin: 5px 5px 5px 24px;" type="text" name="email"><br>
Alamat <input style="margin: 5px 5px 5px 14px;" type="text" name="address"><br>
Kota <input style="margin: 5px 5px 5px 26px;" type="text" name="city"><br>
Pesan <br><textarea style="width: 210px; margin-bottom: 10px;" name="msg"></textarea><br>
<input type="submit" name="submit" value="Send"> <input type="reset" name="reset" value="Reset">
</form>
</body>
</html>
Simpan code dengan nama file "index.php" dan letakan di folder BukuTamu.
6. Membuat Engine-nya menggunakan PHP dan query MySQL, saya contohkan code berikut:
<html>
<!--
*gatewan.com
*Wawan Beneran
*ENGINE BUKU TAMU (Untuk Action Tombol "SEND")
-->
<head>
<title>Contact</title>
</head>
<body>
<h1>BUKU TAMU</h1>
<a href="index.php"> Kembali ke Buku Tamu</a>
<br>
<h2>BUKU TAMU</h2>
<a href="tampil.php"> Lihat Buku Tamu</a>
<hr size=1>
<?php
include ("connect.php");
$nama=$_POST['name'];
$email=$_POST['email'];
$alamat=$_POST['address'];
$kota=$_POST['city'];
$pesan=$_POST['msg'];
// sql entry data pada tabel
$sql = "INSERT INTO tamu (name, email, address, city, msg)
VALUES ('$nama','$email','$alamat','$kota','$pesan')";
if ($conn->query($sql) === TRUE) {
echo "Pesan telah terkirim!";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close();
?>
</body>
</html>
Simpan code dengan nama file "simpan.php" dan letakan di folder BukuTamu.
7. Membuat RECORD DISPLAY, saya contohkan code berikut:
<html>
<!--
*gatewan.com
*Wawan Beneran
*RECORD DISPLAY (Untuk menampilkan seluruh data di Database)
-->
<head>
<title>Contact</title>
</head>
<body>
<h1>BUKU TAMU</h1>
<a href="index.php"> Kembali ke Buku Tamu</a>
<br>
<h2>BUKU TAMU</h2>
<a href="tampil.php"> Lihat Buku Tamu</a>
<hr size=1>
<?php
include ("connect.php");
// sql menampilkan record
$sql = "SELECT id, name, email, address, city, msg FROM tamu";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data setiap baris
while($row = $result->fetch_assoc()) {
echo "<br>".
"id: ". $row["id"]. "<br>".
"Name: ". $row["name"]. "<br>".
"Email: ". $row["email"]. "<br>".
"Alamat: ". $row["address"]. "<br>".
"Kota: ". $row["city"]. "<br>".
"Pesan: ". $row["msg"]. "<br>";
}
} else {
echo "0 results";
}
$conn->close()
?>
</body>
</html>
Simpan code dengan nama file "tampil.php" dan letakan di folder BukuTamu.
DEMO:
https://youtu.be/uca1jc6BKUc
