Contoh15 ( Buku Tamu) : Webpro
Buku Tamu
Sekarang buatlah Form input buku tamu, caranya dengan menggunakan dreamweaver ,klik icon dreamweaver pada startprogram atau desktop kalian.
pilih file new – lalu php
Pilih tampilan desaign lalu insert- fom-form
Lalu akan muncul garis putus-putus warna merah itulah yang disebut form dalam web
lalu pilih file insert lagi dan pilih table, isi baris(row) dan kolom(columns) seperti berikut
Tablepun telah terbuat lalu marge kolom atas dan bawah , dengan cara blok dua kolom atas lalu klik kanan table-marge
Lalukan juga marge pada dua kolom bawah lalu kita buat table seperti ini
Masukkan textfield pada samping kolom nama dan email dengan cara insert-form-textfield , dan di samping kolom pesan masukkan text area dengan cara insert-form-textarea , jika ada pilihan pilih saja ok . setelah itu masukkan namenya klik pada objek textfield samping nama dan masukan namenya nama .
isi name textfield email dengan email ,dan text area pesan dengan pesan .
Setelah itu masukkan 2 tombol(button) pada baris paling akhir dengan cara insert-form-button, setting name dan value 2 button tersebut ,button pertama isi value = kirim name=submit, button 2 value=batal name=reset
Pilih tampilan code, lalu isi form action untuk mengarah ke simpanbukutamu.php , lalu percatnik juga header buku tamu dengan h2 dan font juga color, tambahkan juga link bacaan(a href) setelah button.
Lalu simpan dengan nama tambahbukutamu.php
Membuat file simpanbukutamu.php
pilih new file – php
Lalu masukkan code 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>
<?php
$koneksi=mysql_connect(“localhost”,”root”,””)or die(mysql_error());
mysql_select_db(“db_berita”);
$a=$_POST[‘nama’];
$b=$_POST[’email’];
$c=$_POST[‘pesan’];
$perintah=”insert into buku_tamu value(”,’$a’,’$b’,’$c’)”;
$simpan=mysql_query($perintah,$koneksi);
if($simpan)
echo”<meta http-equiv=’refresh’ content=’0 url=tambahbukutamu.php?Data Telah Tersimpan’>”;
else
echo”gagal”;
?>
<body>
</body>
</html>
lalu simpan dengan nama simpanbukutamu.php
Sekarang coba kita jalankan untuk mengecek apa tambahbukutamu.php tersambung dengan simpanbukutamu.php menggunakan database
jalankan filenya dan input nama sampai pesan
Jika benar tersambung akan ada peringatan diurl bahwa data tersimpan
dan kita cek di database pun databasenya masuk
Buat file untuk menampilkan data yang sudah tersimpan ke dalam tabel buku_tamu. seperti dibawah ini
Isi listing codenya seperti ini :
<!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>
<?php
$koneksi=mysql_connect(“localhost”,”root”,””)or die(mysql_error());
mysql_select_db(“db_berita”);
$tampil=”SELECT *FROM buku_tamu ORDER BY id”;
$query=mysql_query($tampil)or die(“gagal”.mysql_error());
$jumlah=mysql_num_rows($query)
?>
<table width=”522″ height=”102″ border=”1″>
<tr>
<td colspan=”6″><center>DATA BUKU TAMU</center></td>
</tr>
<tr>
<td width=”62″ bgcolor=”#00FFFF”>No</td>
<td width=”107″ bgcolor=”#00FFFF”>Nama</td>
<td width=”96″ bgcolor=”#00FFFF”>Email</td>
<td width=”104″ bgcolor=”#00FFFF”>Pesan</td>
<td colspan=”2″ bgcolor=”#00FFFF”>Action</td>
</tr>
<?php
while ($row=mysql_fetch_array($query))
{
$a=$row[‘Id’];
$b=$row[‘Nama’];
$c=$row[‘Email’];
$d=$row[‘Pesan’];
?>
<tr align=”center”>
<td><?php echo $a;?></td>
<td><?php echo $b;?></td>
<td><?php echo $c;?></td>
<td><?php echo $d;?></td>
<td width=”65″><a href=”hapusbukutamu.php?id=<?=$a?>” onclick=”return confirm(‘Anda Yakin Ingin Menghapus Item Ini?’);”>HAPUS</a></td>
<td width=”48″><a href=”editbukutamu.php?id=<?=$a;?>”>EDIT</a></td>
</tr>
<?PHP }?>
<tr>
<td colspan=”6″>Jumlah Record : <?php echo $jumlah;?></td>
</tr>
</table>
</body>
</html>
| No | Nama | Pesan | Action | ||
| HAPUS | EDIT | ||||
| Jumlah Record : | |||||
Simpan dengan nama tampilbukutamu.php
Sekarang kita coba jalankan tampilan tampilbukutamu.php dibrowser , hasilnya akan seperti ini :
Postingan yang akan datang akan melanjutkan postingan ini…..
Jika ada pertanyaan silakan berkomentar.
Jangan Lupa like dan share.
Belajar Pemrograman di fajaryusuf.com aja. 🙂
MATERI WEBPROGRAMMING
Jika anda baru di pemrogramman web silakan belajar dari materi pertama :
Materi ke-1 : Dasar-dasar Web
Materi ke-2 : Pemberian Warna
Materi ke-3 : Membuat Table
Materi ke-4 : Dasar PHP
Materi ke-5 : Tipe Data
Materi ke-6 : Konstanta dan Komentar
Materi ke-7 : Operator
Materi ke-8 : Operator Perbandingan
Materi ke-9 : Operator Logika
Materi ke-10 : Operator String
Materi ke-11 : Form
Materi ke-12 : Input dan Output dalam 1 Form
Materi ke-13 : Percabangan
Materi ke-14 : Pembuatan Database Mysql
Materi ke-15 : Buku Tamu
Materi ke-16 : Buku Tamu Lanjutan
Materi ke-17 : Artikel
Materi ke-18 : Halaman Index Pengunjung