Belajar PHP (Guestbook) lewat Xampp :)

sebelum membuat Guestbook pastikan kalian uda nginstal Xampp (uda di bahas di posting sebelumnya lohh ..) dan Adobe Dreamweaver ..😉

1. aktifkan dahulu Xampp kalian .

aa

2. buka folder C – Xampp – htdocs – dan buat folder baru dengan nama “Guestbook”

b

3. buka folder Guestbook lalu klik kanan – new – text document

c

lalu, rename dengan “form_buku_tamu.php” , jika formatnya masih text klik “organize” yang ada pada pojok kiri atas – folder and search option – view – hilangkan tanda centang pada Hide extensions for known file types ”

4. buka “form_buku_tamu.php” dengan Adobe dreamweaver dan tulis scripnya .seperti :

d

<form name=”form_input_buku_tamu” action=”proses.php” method=”POST”>

<table width=”503″ height=”188″ border=”0″>
<tr>
<td width=”82″>Nama</td>
<td width=”24″>:</td>
<td width=”375″><input type=”text” name=”nama”/></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type=”text” name=”alamat”/></td>
</tr>
<tr>
<td>Telepon</td>
<td>:</td>
<td><input type=”text” name=”telepon”/></td>
</tr>
<tr>
<td>Gender</td>
<td>:</td>
<td>
<input type=”radio” name=”gender” value=”M”/> Male<br />
<input type=”radio” name=”gender” value=”F”/> Female<br />
</td>
</tr>
<tr>
<td>Komentar</td>
<td>:</td>
<td>
<textarea name=”komentar”></textarea>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>
<input type=”submit” value=”simpan” />
<input type=”reset” value=”reset” />
</td>
</tr>
</table>
</form>

5. lalu buka Google dengan adress “localhost/guestbook/form_buku_tamu.php”

e

6. lalu buka “localhost/phpmyadmin”

j

7. lalu klik Database/Basisdata – lalu create new table dengan nama “Bukutamu” dengan jumlah kolom “7”

8. lalu isi kolom dengan ” id , nama , alamat , telepon  , gender , komentar dan waktu ” terus di simpan

k

9. terus buat lagi new text dokument pada folder guestbook dengan nama “koneksi.php” lalu buka file tersebut lewat dreamweaver dan tulis script di seperti :

<?php
mysql_connect(“localhost”,”root”,””);f
mysql_select_db(“guestbook”);
?>

10. lalu buka google tulis dialamat adressnya “localhost/guestbook/koneksi.php” jika kosong berarti uda benerr.

g

11. lalu buat file lagi di folder Guestbook dengan nama “lihat_buku_tamu.php” terus buka lewat dreamweaver dan tulis script seperti :

<?php
include “koneksi.php”;h
$query_select = “select * from bukutamu”;
$select = mysql_query($query_select);
?>

<table width=”100%” border=”1″>
<tr>
<td>No</td>
<td>Nama</td>
<td>Alamat</td>
<td>Telepon</td>
<td>Gender</td>
<td>Komentar</td>
<td>Waktu</td>
</tr>
<?php
$no =1;
while($data = mysql_fetch_array($select)){
?>
<tr>
<td><?php echo $no; ?></td>
<td><?php echo $data[‘nama’]; ?></td>
<td><?php echo $data[‘alamat’]; ?></td>
<td><?php echo $data[‘telepon’]; ?></td>
<td><?php echo $data[‘gender’]; ?></td>
<td><?php echo $data[‘komentar’]; ?></td>
<td><?php echo $data[‘waktu’]; ?></td>
</tr>
<?php
$no++;
}
?>
</table>

12. lalu buat lagi new text document dengan nama “proses.php” lalu buka lewat dreamweaver dan tulis script :

<?php
include”koneksi.php”;
$nama = $_POST[‘nama’];
$alamat = $_POST[‘alamat’];
$telepon = $_POST[‘telepon’];l
$gender = $_POST[‘gender’];
$komentar = $_POST[‘komentar’];
$waktu = date(‘Y-m-d H:i:s’);

$query = “insert into bukutamu(id,nama,telepon,alamat,gender,komentar,waktu) values(”,’$nama’,’$telepon’,’$alamat’,’$gender’,’$komentar’,’$waktu’)”;

$eksekusi = mysql_query($query);

if($eksekusi){
echo “Buku tamu berhasil di simpan”;
}else{
echo “Buku tamu gagal di simpan”;
}

?>

13. lalu buka “localhost/guestbook/form_buku_tamu” lalu isi :

n

lalu , jika muncul tulisan “Buku tamu berhasil di simpan” maka suka benar .

m

selesai ..:)

silahkan di coba ..😉

rekomodasi ini Jasa pembuatan Web by Desain Web

2 thoughts on “Belajar PHP (Guestbook) lewat Xampp :)

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s