Membuat Aplikasi Buku Tamu (Simple Case for Practice PHP and MySQL)

Setelah yang lalu posting buat aplikasi berita, kayaknya agak terlalu sulit. Jadi, sekarang kita buat dulu yang lebih gampang/sederhana yaitu aplikasi Buku Tamu.

Step-1:
Buat Database dengan nama: BukuTamu_db
CREATE DATABASE BukuTamu_db;
Step-2:
Buat Tabel dengan nama: bukutamu
CREATE TABLE bukutamu (
id int(3) not null auto_increment primary key,
nama varchar(30) not null default 'noname',
email varchar(60) default '-',
komentar text );
OK, setelah persiapan database dan tabel untuk menyimpan data sekarang saatnya untuk design tampilannya di PHP.


Step-3:
Nama File : input_buku_tamu.php
Deskripsi  : Halaman masukan data untuk buku tamu.
<?
/*--------------------------------------------
Membuat aplikasi untuk buku tamu
Membuat From Input Buku Tamu
--------------------------------------------*/
?>
<html>
<head>
<title>Input Buku Tamu</title>
</head>
<body>
<a href='index.php'>Halaman Utama</a> |
<a href='input_buku_tamu.php'>Input Buku Tamu</a>
<br>
<form action="simpan_buku_tamu.php" method="post"><table cellpading="2" cellspacing="3" border="0">
<tr><th colspan="2"><h2>Input Buku Tamu</h2></th></tr>
<tr><td width="200">Nama</td><td><input type="text" name="nama" size="30"></td></tr>
<tr><td>e-mail</td><td><input type="text" name="email" size="30"></td></tr>
<tr><td>komentar</td><td><textarea name="komentar" cols="30" rows="5"></textarea></td></tr>
<tr><td colspan="2">
    <input type="submit" name="submit" value="new Comment">
    <input type="reset" name="reset" value="Cancel">   
</td></tr>
</table>
</form>
</body>
</html>
Step-4:
File input buku tamu hanya untuk proses input sedang proses untuk menyimpan kedalam database kita buat file tersendiri lihat yang di cetak tebal pada file pertama.

Nama File : simpan_buku_tamu.php
Deskripsi  : proses menyimpan data kedalam database.

<?
/*--------------------------------------------
Membuat aplikasi untuk buku tamu
Membuat File untuk simpan buku tamu
--------------------------------------------*/
require "koneksi.php";

$nama = $_POST['nama'];
$email = $_POST['email'];
$koment = $_POST['komentar'];

$query="INSERT INTO bukutamu VALUES('','$nama','$email','$koment')";

$sql=mysql_query($query)or die(mysql_error());
if($sql){
    echo "<h2>Komentar Berhasil di tambahkan</h2><br>";
    echo "<small>Kembali tulis Komentar, klik <a href='input_buku_tamu.php'> di sini</a> |";
    echo "<small>Lihat Komentar lainnya, klik <a href='index.php'> di sini</a><br>";
}
?>
Step-5:
Untuk melihat tampilan dari hasil inputan kita akan buat file dengan nama index sebagai halaman utama atau anda juga dapat membuat file dengan nama lihat data.

Nama File : index.php
Deskripsi  : menampilkan seluruh komentar dan tampilan halaman utama.
<?
/*--------------------------------------------
Membuat aplikasi untuk buku tamu
Membuat Form untuk Halaman depan web
--------------------------------------------*/
include "koneksi.php";
?>
<html>
<head>
    <title>Halaman Utama</title>
</head>
<body>
<a href='index.php'>Halaman Utama</a> |
<a href='input_buku_tamu.php'>Input Buku Tamu</a>
<br>
<h2><font color="blue">Halaman Utama ~ Menampilkan Komentar terbaru</font></h2><hr>
<?
$query="SELECT * FROM bukutamu ORDER BY id DESC LIMIT 0,5";
$sql=mysql_query($query) or die(mysql_error());
   
    while($hasil=mysql_fetch_array($sql)){
        $key=$hasil['id'];
        $nama=$hasil['nama'];
        $email=$hasil['email'];
        $koment=nl2br($hasil['komentar']);
       
        echo "$koment<br>";
        echo "Pengirim :<i>".$nama."</i> ~ e-mail:<i>".$email;
        echo " <a href='edit_buku_tamu.php?id=$key'>Edit </a>| <a href='hapus_buku_tamu.php?id=$key'>Hapus</a><hr>";
    }       
?>
</body>
</html>
Step-6 :
Nama File : edit_buku_tamu.php
Deskripsi  : Halaman untuk melakukan edit pada komentar.
<?
/*--------------------------------------------
Membuat aplikasi untuk buku tamu
Membuat From Input Buku Tamu
--------------------------------------------*/
include "koneksi.php";

  if (isset($_GET['id'])){
      $id=$_GET['id'];
  }else{
      die("Error. No Id Selected ");
  }

$query="SELECT * FROM bukutamu WHERE id='$id'";
$sql=mysql_query($query)or die(mysql_error());
$hasil=mysql_fetch_array($sql);

$nama = $hasil['nama'];
$email = $hasil['email'];
$koment = $hasil['komentar'];

if (isset($_POST['submit'])){
$nama = $_POST['nama'];
$email = $_POST['email'];
$koment = $_POST['komentar'];

$query="UPDATE bukutamu SET nama='$nama', email='$email',komentar='$koment'
    WHERE id='$id'";

$sql=mysql_query($query)or die(mysql_error());
if($sql){
    echo "<h2>Komentar Berhasil di Update</h2><br>";
}
}
?>
<html>
<head>
<title>Input Buku Tamu</title>
</head>
<body>
<a href='index.php'>Halaman Utama</a> |
<a href='input_buku_tamu.php'>Input Buku Tamu</a>
<br>
<form action="" method="post">
<table cellpading="2" cellspacing="3" border="0">
<tr><th colspan="2"><h2>Input Buku Tamu</h2></th></tr>
<tr><td width="200">Nama</td><td><input type="text" name="nama" size="30" value="<? echo $nama;?>"></td></tr>
<tr><td>e-mail</td><td><input type="text" name="email" size="30" value="<? echo $email; ?>"></td></tr>
<tr><td>komentar</td><td><textarea name="komentar" cols="30" rows="5"><? echo $koment; ?></textarea></td></tr>
<tr><td colspan="2">
    <input type="submit" name="submit" value="Edit Comment">
</td></tr>
</table>
</form>
</body>
</html>
Step-7:
Nama File : hapus_buku_tamu.php
Deskripsi  : menghapus komentar yang telah masuk.

<?
/*--------------------------------------------
Membuat aplikasi untuk buku tamu
Membuat File untuk hapus buku tamu
--------------------------------------------*/
require "koneksi.php";

$query="DELETE FROM bukutamu WHERE id='$id'";

$sql=mysql_query($query)or die(mysql_error());
if($sql){
    echo "<h2>Komentar Berhasil di Hapus</h2><br>";
    echo "<small>Kembali tulis Komentar, klik <a href='input_buku_tamu.php'> di sini</a> |";
    echo "<small>Lihat Komentar lainnya, klik <a href='index.php'> di sini</a><br>";
}
?>
Selesai, semoga bermanfaat dan dapat dikembangkan lagi. Download this source code

0 comments:

Post a Comment

Alexa Rank's

Follow

Powered by Blogger.
Post Comment