Script php buku tamu sederhana

Script php buku tamu sederhana

Buku Tamu sederhana memanfaatakan operasi file txt menggunakan php, buku tamu ini tidak menggunakan database, yang kita perlukan hanya file txt yang kita masukan ke sever, langkah - langkah mrmbuat buku tamu txt sederhana ini adalah.

1. Buat 2 buah file Txt menggunakan notepad dengan nama
         a. komentar.txt (isi file kosong)
         b. jumlah.txt(isi file txt dengan angka nol)

2. Buat script untuk index buku tamu( simpan dengan nama index.php)

Untitled Document

<html>

<head>

<title>komentar</title>

</head>

<body>

<form action="bukutamu.php" method="post" enctype="multipart/form-data" name="form1">

<table width="500" border="0" align="center" cellpadding="0" cellspacing="1">

<tr>

<td width="9%">Nama</td>

<td width="91%"><input name="nama" type="text" id="nama" size="20"></td>

</tr>

<tr>

<td>Email</td>

<td><input type="text" name="email" size="20"></td>

</tr>

<tr>

<td>Komentar</td>

<td><textarea name="komentar" cols="50" rows="5" id="komentar"></textarea></td>

</tr>

<tr>

<td>&nbsp;</td>

<td><input type="submit" value="Submit" name="submit">

<input type="reset" value="reset" name="reset"></td>

</tr>

</table>

</form>

<p align="center"><br>

<br>

<?php

$file = "jumlah.txt";

$fp = fopen($file,"r");

if ($fp)

{

$baca = fgets($fp,50);

print ("$baca");

}

fclose($fp);

?>

komentar<?php

$file = "komentar.txt";

$fp = fopen($file,"r");

while (!feof($fp))

{

$baca = fgets($fp,50);

print("$baca");

}

fclose($fp);

?>

</p>

<p>&nbsp;</p>

</body>

</html>

3. Buat script untuk pross buku tamu (simpan dengan nama : bukutamu.php)

<?php

$nama = $_POST['nama'];

$komentar = $_POST['komentar'];

$email=$_POST['email'];

$waktu = date("d-m-y | H:i:s");

$nf = "komentar.txt";

$fp = fopen($nf,"r+");

$data = fgets ($fp,50);

$comfile = file($nf);

rewind($fp);

fwrite($fp,

"<table width=500 align=center bgcolor=#CCCCCC>

<tr bgcolor=#006600>

<td width=250><font color =white> nama </font> <font color =red> $nama </font> <font color =white> email <font> <font color =red>$email </font></td>

<td ><font color =white>tanggal </font> <font color =red> $waktu</font></td>

</tr>

<tr>

<td colspan = 2 >berkata :$komentar</td>

</tr>

</table>

<br>

");


for ($i = 0; $i < 999; $i++)

{

fwrite ($fp, $comfile[$i]);

}

fclose ($fp);

if ($_POST['submit']) {

header ("location: index.php");

}

?>

<?php

$file = "jumlah.txt";

$open = fopen($file,"r+");

$counter=fread($open,filesize($file));

fclose($open);

$counter++;

$write=fopen($file,'w');

fputs($write,$counter);

fclose($write);

?>

4. Finis, jalankan buku tamu

Assalamualaikum gaes.

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

Ketentuannya sebagai berikut :

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

Berikut adalah tampilan dari halaman utamanya:

Script php buku tamu sederhana

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 :

Script php buku tamu sederhana

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.

Script php buku tamu sederhana

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

Script php buku tamu sederhana

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.

Script php buku tamu sederhana

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">
<h2>Buku Tamu</h2>
<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>
    <h2>Data Buku Tamu</h2>
    
    <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">
<h2>Buku Tamu</h2>
<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; 
}

h2,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

  • Tweet
  • Share
  • Share
  • Share
  • Share

Terima Kasih