Membuat Buku Tamu di PHP dengan menggunakan MYSQL

Assalamualaikum gaes.

Kali ini ada tugas dari kampus disuruh bikin Buku Tamu pake PHP dan MYSQL.

Ketentuannya sebagai berikut :

Nama db bukutamu nama table tamu.
Pengunjung diminta memasukan : Nama , Alamat, Jenis Kelamin dan Pesan
Ada page untuk Lihat data, edit data dan menghapus data.

Berikut adalah tampilan dari halaman utamanya:

Seperti yang terlihat dari form diatas, pengunjung diminta memasukan Nama, Alamat, Jenis kelamin dan Pesan. Untuk jenis kelamin radio button secara default langsung ke point PRIA. Jika Wanita ya isikan wanita. ~~maaf, jenis kelamin mimi peri ga ane masukan ya~~ . Jika Form tidak diisi maka akan muncul tampilan sebagai berikut :

Setelah pengunjung mengisi data semua form maka klik tombol KIRIM, yang nantinya akan masuk ke dalam database. Jika berhasil maka akan menampilkan pesan data telah berhasil disimpan.

Tombol HAPUS berfungsi untuk membersihkan yang telah diinputkan didalam setiap field. ~~tombolnya ga begitu penting.~~

diakhir form ada Link Lihat Data yang menuju ke page lihat.php

Pada kolom Update pada tabel Lihat Data terdapat link yang Edit dan Delete yang fungsinya sudah pada paham laah yak buat ngedit sama ngapus data di database.

~~Banyak bacot lu min, gue dah ngerti dari screenshotnya, yang gue butuhin source code nya..~~

Admin : ~~Haha anjir, iye iyeee..~~

Yowes lah langsung ke pembuatan source code.

buat database di phpmysql dengan nama bukutamu kemudian buat tabel dengan ketentuan sbb

CREATE TABLE `tamu` (
`nama` varchar(30) NOT NULL,
`alamat` varchar(100) NOT NULL,
`jeniskelamin` varchar(10) NOT NULL,
`pesan` varchar(160) NOT NULL,
`id` int(8) NOT NULL
)

Bikin folder di xampp - htdocs dengan nama bukutamu.
Truss buat file dengan nama index.php source code nya sbb :

<html>
</head>
<title>Buku Tamu</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<div id="container">
<h1>Buku Tamu</h1>
<h4>Silahkan isi buku tamu di bawah ini dan Tinggalkan Pesan!</h4>
<form action="" method="post">
<p><b>Nama Lengkap :</b><br><input type="text" name="nama" placeholder="Nama Lengkap" required /></p>
<p><b>Alamat :</b><br><input type="text" name="alamat" placeholder="Nama jalan No XX, Kota, Provinsi" required /></p>

<b>Jenis Kelamin :</b> <br>
<input type="radio" name="gender" value="Pria" checked>Pria
<input type="radio" name="gender" value="Wanita">Wanita

<p><b>Pesan :</b><br><textarea name="pesan" rows="5" cols="50" placeholder="Hai, Semangat terus" required></textarea></p>

<p><input type="submit" name="go" value="Kirim" /> <input type="reset" name="del" value="Hapus" /></p>

</form>
<p><a href="lihat.php"><h4>Lihat Data</h4></a></p>
<p>riianfebrian.blogspot.com</p>


<?php
if(isset($_POST['go'])){
$sever ='localhost';
$usernm ='root';
$pass = '';
$db = 'bukutamu';

mysql_connect($sever,$usernm,$pass);
mysql_select_db($db) or die ('I cannot connect to database because: '.mysql_error());

$nama = htmlentities(mysql_real_escape_string($_POST['nama']));
$alamat = htmlentities(mysql_real_escape_string($_POST['alamat']));
$gender = htmlentities(mysql_real_escape_string($_POST['gender']));
$pesan = htmlentities(mysql_real_escape_string($_POST['pesan']));

if($nama && $alamat && $gender && $pesan){

$in = mysql_query("INSERT INTO tamu VALUES('$nama', '$alamat', '$gender', '$pesan','')");
if($in){
echo '<script language="javascript">alert("Terima kasih, data Anda berhasil disimpan"); document.location="index.php";</script>';
}else{
echo '<div id="error">Uppsss...! Query ke database gagal dilakukan!</div>';
}
}

else {
echo '<div id="error">Uppsss...! Lengkapi form!</div>';
}
}
?>

</div>

</body>
</html>

buat lagi file lihat.php dengan source code sbb :

<?php

$sever ='localhost';
$usernm ='root';
$pass = '';
$db = 'bukutamu';

mysql_connect($sever,$usernm,$pass);
mysql_select_db($db) or die ('I cannot connect to database because: '.mysql_error());

$result = mysql_query("SELECT * FROM tamu ORDER BY id DESC");

?>

<html>
<head>
<title>Lihat Data</title>
</head>
<link rel="stylesheet" href="style.css">
<body>
<h1>Data Buku Tamu</h1>

<h3><a href="index.php">Masukan data baru</a> <p>riianfebrian.blogspot.com</p> </h3>

<table border="1px" cellspacing="0">
<tr bgcolor='#CCCCCC' class="garis">
<td>Nama</td>
<td>Alamat</td>
<td>Jenis Kelamin</td>
<td>Pesan</td>
<td>Update</td>
</tr>
<?php
//while($res = mysql_fetch_array($result)) { // mysql_fetch_array is deprecated, we need to use mysqli_fetch_array
while($res = mysql_fetch_array($result)) {
echo "<tr>";
echo "<td>".$res['nama']."</td>";
echo "<td>".$res['alamat']."</td>";
echo "<td>".$res['jeniskelamin']."</td>";
echo "<td>".$res['pesan']."</td>";

echo "<td style='text-align:center;'><a href=\"edit.php?id=$res[id]\">Edit</a> |

<a href=\"hapus.php?id=$res[id]\" onClick=\"return confirm('Are you sure you want to delete?')\">Delete</a></td>";
}
?>
</table>
</body>

</html>

bikin lagi file edit.php

<?php
$sever ='localhost';
$usernm ='root';
$pass = '';
$db = 'bukutamu';

mysql_connect($sever,$usernm,$pass);
mysql_select_db($db) or die ('I cannot connect to database because: '.mysql_error());
?>

<?php

$id = isset($_GET['id']) ? $_GET['id'] : '';
$query = sprintf("SELECT * FROM tamu WHERE id='$id'");
$result = mysql_query($query);

while ($res = mysql_fetch_array($result))
{
$a=$res['nama'];
$b=$res['alamat'];
$c=$res['jeniskelamin'];
$d=$res['pesan'];
}
?>

<html>
</head>
<title>Buku Tamu</title>
<link rel="stylesheet" href="style.css">

</head>
<body>

<div id="container">
<h1>Buku Tamu</h1>
<h4>Silahkan isi buku tamu di bawah ini dan Tinggalkan Pesan!</h4>
<form action="edit.php" method="post">

<input type="hidden" name="id" value="<?php echo $_GET['id'];?>" >

<p><b>Nama Lengkap :</b><br><input type="text" name="nama" value="<?php echo $a;?>" placeholder="Nama Lengkap" required /></p>
<p><b>Alamat :</b><br><input type="text" name="alamat" value="<?php echo $b;?>" placeholder="Nama jalan No XX, Kota, Provinsi" required /></p>

<b>Jenis Kelamin :</b> <br>
<input type="radio" name="gender" value=Pria <?php if ($c == "Pria") { echo 'checked=checked';} ?> >Pria
<input type="radio" name="gender" value="Wanita" <?php if ($c == "Wanita") { echo 'checked=checked';} ?> >Wanita

<p><b>Pesan :</b><br><textarea name="pesan" rows="5" cols="50" placeholder="Hai, Semangat terus" required><?php echo $d;?></textarea></p>

<p><input type="submit" name="update" value="Update" onclick="return confirm('Apa anda yakin ingin merubah data ini?');" /></p>
</form>


<?php
if(isset($_POST['update']))
{
$id = $_POST['id'];

$a=$_POST['nama'];
$b=$_POST['alamat'];
$c=$_POST['gender'];
$d=$_POST['pesan'];

// checking empty fields
if (empty($a) || empty($b) || empty($c) || empty($d)) {
if(empty($a)) {
echo "<font color='red'>Nama tidak ada.</font><br/>";
}

if(empty($b)) {
echo "<font color='red'>ALmat tidak ada.</font><br/>";
}

if(empty($c)) {
echo "<font color='red'>Jenis Kelamin tidak ada.</font><br/>";
}
if(empty($d)) {
echo "<font color='red'>Pesan tidak ada.</font><br/>";
}
} else {
$result = mysql_query("UPDATE tamu SET nama='$a',alamat='$b',jeniskelamin='$c',pesan='$d' WHERE id=$id");

echo '<script language="javascript">alert("Terima kasih, data Anda berhasil di Update"); document.location="lihat.php";</script>';
}
}

?>

</div>

</body>

</html>

bikin lagi file hapus.php

<?php
$sever ='localhost';
$usernm ='root';
$pass = '';
$db = 'bukutamu';

mysql_connect($sever,$usernm,$pass);
mysql_select_db($db) or die ('I cannot connect to database because: '.mysql_error());

?>

<?php

$id = $_GET['id'];
$result = mysql_query("DELETE FROM tamu WHERE id=$id");
header("Location:lihat.php");

?>

dan untuk untuk tampilan yang lebih baik buat file style.css

body { font-family:tahoma; font-size:12px; }

#container { width:450px;
padding:20px 40px;
margin:50px auto;
border:0px solid #555;
box-shadow:0px 0px 2px #555;
}

input[type="text"] { width:200px; }

input[type="text"], textarea {
padding:5px;
margin:2px 0px;
border: 1px solid #777;
}

input[type="submit"], input[type="reset"] {
padding: 5px 20px;
margin:2px 0px;
font-weight:bold;
cursor:pointer;
}

#error {
border:1px
solid red;
background:#ffc0c0;
padding:5px;
}

h1,h4 { text-align:center;}

table {width: 100%;
border: 1px solid black; }

.garis {
text-align:center;
background-color:#8356fc;

}

Okeh, selesai sudah.
file-file tsb dijadikan satu di folder bukutamu, kalau sudah silahkan dicoba..
oya lupa, ane pake versi XAMPP 3.2.2

Ok deh sampai disini aja dulu ilmu barunya, mudah-mudahan bisa bermanfaat.
Makaaseeeehh
Wassalamualaikum Wr.Wb

Ryan's Blog

Membuat Buku Tamu di PHP dengan menggunakan MYSQL

Terima Kasih

4 komentar