» » Membuat Aplikasi Buku Tamu dengan PHP & MySQL

Selasa, 29 Januari 2013

Membuat Aplikasi Buku Tamu dengan PHP & MySQL

Diposting oleh

1. Membuat database

Yup, pertama kita buat database buku tamunya. Di database ini kita membuat sebuah tabel yang gunanya untuk menyimpan data-data user seperti nama, email dan komentar. Rancangan tabelnya seperti ini :) ,
Id Nama
 		Email
 		Komentar
1 Rose Solomon rosecantik@mail.com Web kamu Ok juga. Link balik ya ..
2 Momon momoon@momail.com Websitenya bagus. Gw jadi pengen bikin juga.
Setelah itu kita buat tabelnya di MySQL, tapi sebelumnya kita harus buat databasenya dulu. Misalkan kita namakan databasenya : bukutamu_db.
1create database bukutamu_db;
2use bukutamu_db;
atau kalo mo yang simple tinggal bikin databasenya di phpmyadmin :)

Membuat tabel bukutamu,
1create table bukutamu (
2id int auto_increment primary key,
3nama  varchar(30),
4email varchar(20),
5komentar varchar(200) );

2. Membuat Form Buku Tamu

Setelah membuat databasenya kemudian kita membuat halaman web yang berisi form buku tamu. Bentuk form-nya seperti ini :)

Sekarang kita buat file html-nya :)
01<html>
02 
03<head>
04<title>Buku Tamu</title>
05</head>
06 
07<body>
08<h2>Buku Tamu</h2>
09 
10<form action="proses.php" method="post">
11<table border="0">
12 
13<tr>
14<td>Nama:</td>
15<td><input type="text" size="30" name="nama"></td>
16</tr>
17 
18<tr>
19<td>Email:</td>
20<td><input type="text" size="30" name="email"></td>
21</tr>
22 
23<tr>
24<td>Komentar:</td>
25<td><textarea rows="5" cols="30" name="komentar"></textarea></td>
26</tr>
27 
28<tr>
29<td></td>
30<td>
31<input type="submit" value="Kirim">
32<input type="reset" value="Reset">
33</td>
34</tr>
35</table>
36</form>
37</body>
38</html>
Simpan dengan nama bukutamu.html di folder

Lalu jalankan di web browser dengan alamat

dan hasilnya seperti ini :)

3. Menampilkan Buku Tamu

Buat file php dengan nama proses.php dan simpan di folder yang sama dengan bukutamu.html :)
01<?
02 //Koneksi ke MySQL
03 $koneksi = mysql_connect("localhost","root","") or die ("Koneksi gagal");
04 
05 //Pilih database
06 mysql_select_db("bukutamu_db");
07 
08 //Ngambil data dari form Buku tamu
09 $nama     = $_POST['nama'];
10 $email    = $_POST['email'];
11 $komentar = $_POST['komentar'];
12 
13 //Query untuk memasukkan data ke tabel buku tamu
14 $insert_data  = "insert into bukutamu (nama,email,komentar) values ('$nama','$email','$komentar')";
15 mysql_query($insert_data);
16 
17 //query untuk menampilkan data
18 $hasil = mysql_query("select * from bukutamu");
19 
20 //Menampilkan data buku tamu
21 while($data = mysql_fetch_array($hasil))
22 {
23 echo "<table border=0>";
24 echo "<tr>
25 <td>Id:</td>
26 <td> $data[0]</td>
27 </tr>";
28 echo "<tr>
29 <td>Nama:</td>
30 <td>$data[1]</td>
31 </tr>";
32 echo "<tr>
33 <td>Email:</td>
34 <td>$data[2]</td>
35 </tr>";
36 echo "<tr>
37 <td>Komentar:</td>
38 <td>$data[3]</td>
39 </tr>";
40 echo "<hr>";
41 }
42 
43 echo "</table>";
44 
45 mysql_close($koneksi);
46 
47 echo "<br><br>";
48 echo "<a href=bukutamu.html>Isi Buku Tamu</a>";
49?>
Sekarang kita coba jalankan dengan cara mengisi form buku tamunya lalu klik tombol “Kirim” dan hasilnya seperti ini ;)

Share this article :

1 komentar:

Langganan: Posting Komentar (Atom)
 

Copyright  © 2012 All Rights Reserved