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 listing 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>


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. :)

Berlangganan update artikel terbaru via email:

0 Response to "Contoh15 ( Buku Tamu) : Webpro"

TENTANG SITUS

SITUS INI ADALAH SITUS INFO GAME TERBARU DAN JUGA SITUS PEMBELAJARAN PEMROGRAMAN DAN JUGA PEMAHAMAN TERHADAP TEKNOLOGI KOMPUTER. KALIAN BISA MENGIKUTI PEMBELAJARAN PEMROGRAMAN DENGAN BERTAHAP PADA MATERI YANG SUDAH SAYA SEDIAKAN, JIKA ADA MATERI YANG MEMBINGUNGKAN SILAKAN LAKUKAN KOMENTAR PADA MATERI YANG ANDA TANYAKAN ATAU KALIAN BISA MENGHUBUNGI SAYA DIHALAMAN KONTAK.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel