Baru Belajar

Pages

  • Beranda

Total Tayangan Halaman

Sexy Pink Heart - Busy

About Me

Unknown
Lihat profil lengkapku

Followers

Blog Archive

  • ▼  2014 (4)
    • ►  November (1)
    • ▼  September (3)
      • Membuat Buku Tamu Dengan PHP dan MySQL
      • Tips Mengatasi Software Tidak bisa dibuka
      • Cara Membuat Web dengan HTML
  • ►  2013 (1)
    • ►  Mei (1)
Jumat, 19 September 2014

Membuat Buku Tamu Dengan PHP dan MySQL

Assalamu'alaikum wr wb
postingan ini saya copy paste dari http://trisnanugrohosite.blogspot.com/2012/12/membuat-buku-tamu-dengan-php-dan-mysql.html
langsung saja caranya :

Persiapan

Yang harus disiapkan yaitu :

1) XAMPP
2) Notepad++ atau edit plus (kalau saya menggunakan macromedia Dreamwever)

Tahapan

1) Aktifkan dulu aplikasi xampp di desktop,dan kemudian apache,mysql dan filezilla tercentang semua dan dalam keadaan running






















2)Buka Browser yang ingin anda pakai,ketikkan di address bar localhost/phpmyadmin lalu akan tampil seperti ini



3) untuk menghubungkan koneksi php ke phpmyadmin,buat database terlebih dahulu
    isi nama database,lalu klik create


4) Setelah itu,database telah berhasil dibuat,biasanya ditandai dengan peringatan kolom check list berwarna hijau


5)Buat Tabel di database yang telah kita buat,dengan mengisi nama tabel.
   karena tabel inilah yang akan menerima pesan dari buku tamu yang telah kita buat ke web server(database) dan number of fieldnya,biasanya ada 4 jadi ketik di kolom tersebut angka 4,klik Go



6)Setelah itu isi field sesuai dengan number of field yang telah ditentukan
   kali ini yang saya buat yaitu id,nama,email dan pesan,
   kemudian pilih type :
   untuk id disarankan untuk memilih int,karena int merupakan type untuk angka
   dan jangan lupa untuk mencentang auto_increment ,agar daftar pesan yang dikirim angka dapat berurutan seperti absen
   nama dan email disarankan untuk memilih varchar,karena varchar merupakan tipe untuk huruf
   pesan disarankan untuk memilih text,tapi boleh juga memilih varchar
   kemudian klik save


7) Tabel di database telah berhasil dibuat



  






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
# SHARINGRPL
Diposting oleh Unknown di 05.58
Kirimkan Ini lewat Email BlogThis! Bagikan ke X Berbagi ke Facebook

0 komentar:

Posting Komentar

Posting Lebih Baru Posting Lama
Langganan: Posting Komentar (Atom)
Copyright © 2012 Baru Belajar |