Hi, guest ! welcome to banditz-cyber.blogspot.com. | About Us | Contact | Register | Sign In

Jumat, 23 Maret 2012

Membuat Aplikasi Buku Tamu pada Website menggunakan PHP

Bismillahirrahmanirrahim,,
Alhamdulillah bisa berbagi lagi, kali ini berbagi mengenai cara membuat buku tamu sederhana pada website teman-teman menggunakan PHP, langsung saja, silahkan ikuti langkah-langkahnya :


ikuti langkah – langkah berikut ini :
sekarang bukalah: http://localhost/phpmyadmin/ di browser Anda.
Akan muncul tampilan pertama dari phpmyadmin,
phpmyadmin sendiri adalah tool untuk memudahkan administrasi database kita. Kemudian buatlah database baru, misalnya nama databasenya: latihan
Untuk kasus latihan kita, maka akan kita buat aplikasi buku tamu, maka dari itu buatlah tabel: bukutamu di dalam database latihan tadi, field2 nya adalah sebagai berikut:
id : int : autoincrement : primary
nama : varchar(32)
pesan: tinytext
tanggal : date
field id gunanya untuk memberikan primary key pada setiap record
field nama untuk menyimpan nama, menggunakan string dengan maksimal 32 character
field pesan untuk isi pesan yang ditinggalkan
field tanggal untuk mencatat tanggal berapa pesan itu ditinggalkan
Sekarang saya jelaskan aplikasi buku tamunya, aplikasi ini terdiri dari 3 page, yaitu:
1. index.php : untuk form bukutamu, sekaligus ada link yang menuju lihat.php
2. isi.php : file pemroses dari form di halaman index
3. lihat.php : halaman untuk melihat isi pesan yang sudah diisikan
Ingat, yang saya berikan ini adalah contoh yang sangat sederhana, tidak memperhitungkan keindahan, dan keamanan/verifikasi data
Source untuk index.php adalah sebagai berikut:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
</head>
<body>
Buku tamu – <a href=”lihat.php”>lihat isi buku tamu</a><br />
<br />
Isilah buku tamu kami<br />
<br />
<br />
<form id=”form1″ name=”form1″ method=”post” action=”isi.php”>
nama
<input type=”text” name=”nama” id=”nama” />
<br />
<br />
pesan
<textarea name=”pesan” id=”pesan” cols=”45″ rows=”5″></textarea>
<br />
<br />
<input type=”submit” name=”Submit” id=”Submit” value=”Submit” />
</form>
</body>
</html>
Nah, halaman index memang hanya halaman html biasa saja, yang perlu dicermati adalah bagian form nya, form diatas menggunakan property action=”isi.php” artinya yang kita isikan di dalam form tersebut akan dilemparkan ke file isi.php begitu button Submit ditekan.
isi dari form tersebut akan dilemparkan dalam sebuah variabel yang akan diterima di isi.php sebagai:
$_POST['nama'] dan $_POST['pesan']

Inilah script di isi.php:

<?php
$nama = $_POST['nama'];
$pesan = $_POST['pesan'];
$conn = mysql_connect(“localhost”,”root”,””);
if (!$conn) {
echo “Could not connect to db”;
exit(1);
}
$db = mysql_select_db(“latihan”,$conn);
$sqlText = “insert into bukutamu(nama, pesan,tanggal) values(‘$nama’,’$pesan’,NOW(”))”;
mysql_query($sqlText);
header(“location:index.php”);
exit;
?>
Sedikit penjelasan dari script diatas adalah sebagai berikut:}
$nama = $_POST['nama'];
$pesan = $_POST['pesan'];
Kita sedang membuat variabel, $nama diisi dengan $_POST['nama'] atau yang diisikan di form dengan id:nama begitu juga dengan variabel $pesan.
$conn = mysql_connect(“localhost”,”root”,””);
if (!$conn) {
echo “Could not connect to db”;
exit(1);
}
membuat koneksi ke database mysql dengan server: localhost, username: root dan password kosong atau tanpa password, ini adalah default dari wamp server, jika di mysql Anda telah Anda rubah password dan username nya, maka gunakan username dan password Anda
$db = mysql_select_db(“latihan”,$conn);
Kita memilih database: latihan sebagai tujuan script kita
$sqlText = “insert into bukutamu(nama, pesan,tanggal) values(‘$nama’,’$pesan’,NOW(”))”;
mysql_query($sqlText);
Ini adalah sql biasa, gunanya untuk memasukkan data kita, kita tidak perlu memasukkan id karena telah kita set autoincrement pada saat create table tadi, dan tanggal kita gunakan fungsi NOW(”) yang artinya adalah tanggal sekarang
header(“location:index.php”);
exit;
menyuruh page kita redirect ke halaman index.php lagi, setelah data kita masukkan
Bagian terakhir adalah melihat isi buku tamu kita, ini dia script lihat.php:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
</head>
<body>
Isi buku tamu<br />
<br />
<?php
$conn = mysql_connect(“localhost”,”root”,””);
if (!$conn) {
echo “Could not connect to db”;
exit(1);
}
$db = mysql_select_db(“latihan”,$conn);
$sqlText = “select * from bukutamu”;
$result = mysql_query($sqlText);
while($row=mysql_fetch_object($result))
{
?>
<strong>Nama</strong>: <?php echo $row->nama;?><br />
<strong>Pesan</strong>: <?php echo $row->pesan;?><br />
<br />
<?php } ?>
</body>
</html>
yang perlu dikomentari adalah:
$sqlText = “select * from bukutamu”;
$result = mysql_query($sqlText);
while($row=mysql_fetch_object($result))
{
?>
<strong>Nama</strong>: <?php echo $row->nama;?><br />
<strong>Pesan</strong>: <?php echo $row->pesan;?><br />
<br />
<?php } ?>
Artinya setelah hasil select dari tabel kita dapatkan dalam variabel $result, maka data tersebut di-fetch tiap record/row, dan akan diulang terus sampai selesai, makanya kita pakai while loop disitu. Setiap record akan menulis nama dan pesannya.

Share this article now on :

Poskan Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-p =))