Kali ini kita akan membuat website menggunakan PHP
<!DOCTYPE html PUBLIC "-//W3C//DID XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<htm xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equif="content type" content="text html; charset=uf-8" />
</head>
<body>
<fom id="forml" name="forml" method="post" action="simpanbukutamu.php">
<table width="53%" border="0" align="left">
<tr>
<td colspan="3" align="center"><h2 style= font:tahoma, geneva, sans serif; color: #30F;">buku tamu</h2></td>
</tr>
<tr>
<td width="16%" height="31">Nama</td>
<td width="4%">:</td>
<td width="80%"><input type="text" name="nama" id="nama" /></td>
</tr>
<tr>
<td height="33"> Email </td>
<td>:</td>
<td><input type="text" name="email" id="email" /></td>
</tr>
<tr>
<td>Pesan</td>
<td>:</td>
<td><textarea name ="pesan" id="pesan" cols="45" rows="5">
</textarea></td>
</tr>
<tr>
<td height="42"> </td>
<td> </td>
<td><input type="submit" name="kirim" id="kirim" value="KIRIM" />
<a href="tampilbukutamu.php"> [Lihat buku tamu]</a></td>
</tr>
</table>
</form>
</body>
</html>
1. Membuat scrip tambahbukutamu.php
Lakukan mengetikan di bawah ini, dan simpann nama tambahbukutamu.php
"http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<htm xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equif="content type" content="text html; charset=uf-8" />
</head>
<body>
<fom id="forml" name="forml" method="post" action="simpanbukutamu.php">
<table width="53%" border="0" align="left">
<tr>
<td colspan="3" align="center"><h2 style= font:tahoma, geneva, sans serif; color: #30F;">buku tamu</h2></td>
</tr>
<tr>
<td width="16%" height="31">Nama</td>
<td width="4%">:</td>
<td width="80%"><input type="text" name="nama" id="nama" /></td>
</tr>
<tr>
<td height="33"> Email </td>
<td>:</td>
<td><input type="text" name="email" id="email" /></td>
</tr>
<tr>
<td>Pesan</td>
<td>:</td>
<td><textarea name ="pesan" id="pesan" cols="45" rows="5">
</textarea></td>
</tr>
<tr>
<td height="42"> </td>
<td> </td>
<td><input type="submit" name="kirim" id="kirim" value="KIRIM" />
<a href="tampilbukutamu.php"> [Lihat buku tamu]</a></td>
</tr>
</table>
</form>
</body>
</html>
2. Membuat scrip simpanbukutammu.php
Setelah kita membuat tampilan tambahbukutamu.php, selanjutnya kita lakukan mengetikan dibawah ini dan simpen dengan nama simpanbukutamu.php.
<!DOCTYPE html PUBLIC "-//W3C//DID XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<htm xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equif="content type" content="text html; charset=uf-8" />
<title>Untitled Document</title>
</head>
<body>
<?php
$koneksi=mysql_connect("localhost", "root", "")or die(mysql_error());
mysql_selct_db("db_berita");
$a=$_POST['nama'];
$b=$_POST['email'];
$c=$_POST['pesan'];
$perinath="insert into buku_tamu values"('','$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>
</html>
3. Membuat scriptampilbukutamu.php
Setelah kita membuat tampilan tambahbukutamu.php, selanjutnya kita lakukan mengetikan dibawah ini dan simpen dengan nama tampilbukutamu.php
<!DOCTYPE html PUBLIC "-//W3C//DID XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<htm xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equif="content type" content="text html; charset=uf-8" />
<title>Untitled Document</title>
</head>
<body>
<?php
$koneksi=mysql_connect("localhost", "root", "")or die(mysql_error());
mysql_select_db("perpus");
$tampil="SELECT * FROM db_berita ORDER BY id";
$query=mysql_query($tampil) or die ("gagal".mysql_error());
$jumlah=mysql_num_rows($query);
?>
<table width="70%" border="5" style="border:#blue" align="center">
<tr>
<td colspan="6" align="center"><h1><b> DATA BUKU TAMU </b></h1></td>
</tr>
<tr align="center" bgcolor="#black">
<td width="6%"><b>No</b></td>
<td width="20%"><b>Nama</b></td>
<td width="25%"><b>Email</b></td>
<td width="49%"><b>Pesan</b></td>
<td width="20%" colspan="2"><b>Actoin</b></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><a href="hapusbukutamu.php?id=<?=$a;?>"onclick="return confirm('Anda Yaqin Ingin Menghapus Item Ini?');">
HAPUS</a></td>
<td><a href="editbukutamu.php?id=<?=$a;?>">EDIT</a></td>
</tr>
<?php } ?>
<tr>
<td colspan="6">jumlah Record : <?php echo $jumlah; ?></td>
</tr>
<tr>
</table>
<div align = "center">
<br/><br/>
<a href="tambahbukutamu.php"> [KEMBALI]</a>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<htm xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equif="content type" content="text html; charset=uf-8" />
<title>Untitled Document</title>
</head>
<body>
<?php
$koneksi=mysql_connect("localhost", "root", "")or die(mysql_error());
mysql_select_db("perpus");
$tampil="SELECT * FROM db_berita ORDER BY id";
$query=mysql_query($tampil) or die ("gagal".mysql_error());
$jumlah=mysql_num_rows($query);
?>
<table width="70%" border="5" style="border:#blue" align="center">
<tr>
<td colspan="6" align="center"><h1><b> DATA BUKU TAMU </b></h1></td>
</tr>
<tr align="center" bgcolor="#black">
<td width="6%"><b>No</b></td>
<td width="20%"><b>Nama</b></td>
<td width="25%"><b>Email</b></td>
<td width="49%"><b>Pesan</b></td>
<td width="20%" colspan="2"><b>Actoin</b></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><a href="hapusbukutamu.php?id=<?=$a;?>"onclick="return confirm('Anda Yaqin Ingin Menghapus Item Ini?');">
HAPUS</a></td>
<td><a href="editbukutamu.php?id=<?=$a;?>">EDIT</a></td>
</tr>
<?php } ?>
<tr>
<td colspan="6">jumlah Record : <?php echo $jumlah; ?></td>
</tr>
<tr>
</table>
<div align = "center">
<br/><br/>
<a href="tambahbukutamu.php"> [KEMBALI]</a>
</body>
</html>
4. Membuat koneksi.php
Setelah kita membuat tampilanbukutamu.php, selanjutnya kita membuat koneksi.php untuk menghubungkan tampilanbukutamu.php dan selanjutnya melakukan mengetikan dibawah ini.
<?php
$user_db="root";
$pass_db="";
$server_db="localhost";
$nama_db="db_berita";
$koneksi=mysql_connect($server_db,$user_db,$pass_db) or die(mysql_error());
$pilih_db=mysql_select_db($nama_db);
?>
langkah-langkah membuat tampilan website Buku Tamu menggunakan PHP:
- bahan yang harus di persiapkan adalah sublimetext / notepad ++ dan xampp.
- Buka aplikasi Xampp kalian.
- Klik start pada module Apache dan MySQL.
- Buka aplikasi Sublime Text3.
- Ketik di Sublime Text3 yang anda mau buat.
- Cara simpen data: buka file lalu klik seve as lalu di xampp, terus di htdocs,setelah masuk htdocs kita bikin file bukutamu dan simpan data di bukutamu yang kita udah buat seperti gambar dibawah ini.
Tampilan data yang udah dibuat di file bukutamu
- Buat koneksi ke database dan tabel buku tamu untuk menampilkan data dan menghitung jumlah record.
- Cara melihat hasil: kita masuk ke google terus tulis localhost dan setelah udah ditemukan entar ada tugas kamu disitu tinggal klik seperti gambar dibawa ini hasilnya:
1. Tampilan Halaman Buku Tamu
2. Tampilan Halaman Data Buku Tamu
Comments
Post a Comment