dan berikut php code yang telah dibuat
CREATE TABLE `trisna`.`trisna_tb` (
`id` INT(5) NOT NULL AUTO_INCREMENT,
`nama` VARCHAR(50) NOT NULL,
`email` VARCHAR(50) NOT NULL,
`pesan` VARCHAR(500) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE = MyISAM;
Dan Langkah Berikutnya,buka notepad kalian
1) Form Buku Tamu
simpan denga nama formku.php
<link rel="stylesheet" type="text/css" href="style.css"/>
<h1 style="text-align:center">Buku Tamu</h1>
<body>
<center>
<form id="form1" name="form1" method="post" action="simpan.php">
<table width="413" height="128" border="0">
<tr>
<td width="100">Nama</td>
<td width="50">:</td>
<td width="100">
<input name="nama" type="text" id="nama" size="36" /></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td>
<input name="email" type="text" id="email" size="36" />
</td>
</tr>
<tr>
<td>Pesan</td>
<td>:</td>
<td><label>
<textarea name="pesan" id="pesan"></textarea>
</label></td>
</tr>
<tr>
<td height="21" colspan="2"><label>
<div align="center">
<input name="Reset" type="reset" id="reset" value="Reset" />
</div>
</td>
<td height="21">
<input type="submit" name="Submit" value="Submit" />
</td>
</tr>
</table>
</form>
</body>
</center>
terdapat link eksternal di dalam formku.php
simpan dengan nama style.css
(ini merupakan hasil kreasi dari saya sendiri)
<style>
h1 {
font-family:impact;
font-size:40px;
color: #fff;
font-weight:bolder;
text-shadow: 0px 5px 50px #fff;
}
td {
font-family:cursive;
font-size:30px;
color:#fff;
}
body {
background:#00adef;
}
form {
background:blue;
width:380px;
border:20px ridge #fff;
margin-top:50px;
}
input {
background:#000;
font-family:impact;
color: #fff;
margin-right:-360px;
}
textarea {
background: #000;
font-family:impact;
color:#fff;
height:100px;
width:200px;
margin-left:2px;
resize:none;
}
</style>
2) membuat koneksi ke database
simpan dengan nama koneksidb.php
<?php
$host='localhost';
$user='root';
$pass='';
$db='trisna';
$ok=mysql_connect($host,$user,$pass) or die ('gagal konek'.mysql_error());
mysql_select_db ($db,$ok);
?>
keterangan :
-kode inilah yang akan memanggil koneksi dari php ke server(database)
-jika pada saat anda membuat database menggunakan password,masukkan password di $pass
-$db merupakan nama database anda di phpmyadmin
3) Pemberitahuan
simpan dengan nama simpan.php
<?php
include "koneksidb.php";
$nama= $_POST["nama"];
$email= $_POST["email"];
$pesan= $_POST["pesan"];
$input ="insert into trisna_tb(nama,email,pesan)values('$nama','$email','$pesan')";
$query = mysql_query($input);
if (query)
{
echo "<div><pre>Nama:$nama</pre>";
echo "<pre>Email:$email</pre>";
echo "<pre> Pesan:$pesan</pre><br>";
echo "data di atas telah disimpan<br>";
echo "<a href= 'formku.php'>back</a>";
}
else
{echo "gagal tersimpan";
echo "<a href='tampil.php'>lihat data</a></div>";
}
?>
4) Menampilkan isi buku tamu di server
simpan dengan nama tampil.php
<form id="form1" name="form1" method="post" action="">
Semua data Tamu yang Masuk : <br><br>
<table width="452" border="2">
<tr align="center">
<td width="26">ID</td>
<td width="129">Nama</td>
<td width="100">Email</td>
<td width="179">Komentar</td>
</tr>
<?php
include "koneksidb.php";
$sqltampil="SELECT * FROM tb_tamu";
$qrytampil=mysql_query($sqltampil);
while ($row=mysql_fetch_array($qrytampil))
{
$ID++;
?>
<tr>
<td><?php echo $ID;?></td>
<td><?php echo $row['nama'];?></td>
<td><?php echo $row['email'];?></td>
<td><?php echo $row['Komentar'];?></td>
</tr>
<?php } ?>
</table>
</form>
Setelah itu masukkan file tersebut ke dalam XAMPP di local disk C dan ke
htdocs,kemudian simpan file anda di situ atau untuk mempermudah file
buku tamu tersebut dijadikan 1 folder lalu folder tersebut simpan ke
htdocs,disini saya beri nama folder dengan nama bukutamu
kita buka localhost/nama folder (localhost/bukutamu)
setelah itu buka file formku.html
keren bukan tampilan buku tamunya ? karena fungsi css adalah untuk membuat struktur dokumen menjadi lebih indah dan memukau
untuk percobaan,silahkan masukkan nama,email dan pesan
setelah sudah klik submit
proses pengiriman akan berhasil,bila terdapat konfirmasi seperti ini
dan terakhir,masuk kembali ke localhost/phpmyadmin
kemudian klik database kita,setelah itu klik tabel dalam database kita
maka id,nama,email dan pesan yang telah kita ketik telah tampil
sekian dari saya
maaf atas segala kekurangannya
wassalamu'alaikum wr wb
0 komentar:
Speak up your mind
Tell us what you're thinking... !