Senin, Juni 14, 2021
Terbaru:

FajarYusuf.Com

Situs Informasi Game Mobile

Z-PEMROGRAMAN WEBPRO 

Contoh15 ( Buku Tamu) : Webpro

Fajar (Ucup) 0 Komentar

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>

DATA BUKU TAMU
No Nama Email 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. 🙂

Spread the love

Post Terkait:

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *