Membuat Form Bukutamu Keren Dinamis Tampil
Halo, jumpa lagi dengan saya dalam lanjutan tutorial pembuatan Form Bukutamu Keren menjadi dinamis, pada tutorial kali ini saya akan menjelaskan bagaimana cara membuat tampilan data yang sudah kita inputkan, yang nantinya bisa ditampilkan kepada pengguna.
 |
| Membuat Form Bukutamu Keren Dinamis Tampil |
"Manfaatnya kita buta begitu apa ya..?"
Nah, untuk manfaatnya sendiri sangatlah besar, salah satunya adalah mempermudah sipengguna dalam mengatur data, baik itu merubah, menambahkan atau menghapus data yang ada pada database.
"Oalah jadi begitu ya, jadi tampilan tersebut tidak sekedar dibuat, melainkan punya fungsi tersendiri ya min..?"
Betul sekali, sebab seorang programmer itu sudah memikirkan berkali-kali, apa saja yang harus mereka buat agar sipengguna dapat lebih mudah mengerjakan sesuatu tanpa harus bersangkutan dengan source code ataupun yang lainnya.
"Oke, turunin langsung min source codenya, saya mau copy source codenya hehehe"
Oke, langsung saja kita mulai tutorialnya :
Membuat Form Bukutamu Keren Dinamis Tampil
1). Langkah pertama, buka folder yang berisi file-file yang dulu sudah kita buat diantaranya, index.php, Hapus.php, UbahForm.php, Simpan.php. apabila kalian kebingungan atau ketinggalan dengan tutorial diatas, silahkan baca artikel dibawah ini :
Baca Juga :
Buat kalian yang tidak memiliki Form bukutamunya, silahkan baca artikel dibawah ini :
Copy source code dibawah ini, kemudian simpan dengan nama Tampil.php
PHP
<!doctype html>
<html>
<head>
<title>Bukutamu</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<table width="922" border="0" bordercolor="#003366" align="center">
<tr>
<td height="38" colspan="9">
<img src="dh.png">
</td>
</tr>
<tr>
<td width="25" height="26" bgcolor="#CCCCCC"><div align="center">ID</div></td>
<td width="202" bgcolor="#CCCCCC"><div align="center">Nama</div></td>
<td width="70" bgcolor="#CCCCCC"><div align="center">Alamat</div></td>
<td width="80" bgcolor="#CCCCCC"><div align="center">Email</div></td>
<td width="115" bgcolor="#CCCCCC"><div align="center">Kota</div></td>
<td width="152" bgcolor="#CCCCCC"><div align="center">Pesan</div></td>
<td width="100" bgcolor="#CCCCCC"><div align="center">Foto</div></td>
<td colspan="2" bgcolor="#808080"><div align="center">Option</div><div align="center"></div></td>
</tr>
<?php
$Koneksi=mysql_connect("localhost","root","")
or die ("Gagal Konek ke server".mysql_error());
mysql_select_db("bukutamu",$Koneksi)
or die ("Database gagal dibuka".mysql_error());
$sql= "SELECT * FROM bukutamu ";
$qry=mysql_query($sql,$Koneksi)
or die("Query gagal".mysql_error());
while($data=mysql_fetch_array($qry)){
?>
<tr>
<td width="25" bgcolor="#EEEEEE" align="center"><?php echo $data['id'];?></td>
<td width="202" bgcolor="#EEEEEE" align="center"><?php echo $data['Nama'];?></td>
<td width="70" bgcolor="#EEEEEE" align="center"><?php echo $data['Alamat'];?></td>
<td width="80" bgcolor="#EEEEEE" align="center"><?php echo $data['Email'];?></td>
<td width="115" bgcolor="#EEEEEE" align="center"><?php echo $data['Kota'];?></td>
<td width="152" bgcolor="#EEEEEE" align="center"><?php echo $data['Pesan'];?></td>
<td width="100" align="center" bgcolor="#AAAAAA"><?php echo '<img src="Gambar.php?id='.$data['id'].'" width="100" />'?></td>
<td align="center" width="70" bgcolor="#EEEEEE">
<a href="HapusData.php?id=<?php echo $data['id'];?>">
<input class="button-op" type="submit" name="hapus" id="hapus" value="Hapus" />
</a>
</td>
<td align="center" width="70" bgcolor="#EEEEEE">
<a href="UbahForm.php?id=<?php echo $data['id'];?>">
<input class="button-op" type="submit" name="ubah" id="ubah" value="Ubah" />
</a>
</td>
</tr>
<?php } ?>
</table><font color="white"></font><a href="index.html"><input type="submit" name="masuk" id="masuk" value="Tambah" /></a></div>
</body>
</html>
<html>
<head>
<title>Bukutamu</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<table width="922" border="0" bordercolor="#003366" align="center">
<tr>
<td height="38" colspan="9">
<img src="dh.png">
</td>
</tr>
<tr>
<td width="25" height="26" bgcolor="#CCCCCC"><div align="center">ID</div></td>
<td width="202" bgcolor="#CCCCCC"><div align="center">Nama</div></td>
<td width="70" bgcolor="#CCCCCC"><div align="center">Alamat</div></td>
<td width="80" bgcolor="#CCCCCC"><div align="center">Email</div></td>
<td width="115" bgcolor="#CCCCCC"><div align="center">Kota</div></td>
<td width="152" bgcolor="#CCCCCC"><div align="center">Pesan</div></td>
<td width="100" bgcolor="#CCCCCC"><div align="center">Foto</div></td>
<td colspan="2" bgcolor="#808080"><div align="center">Option</div><div align="center"></div></td>
</tr>
<?php
$Koneksi=mysql_connect("localhost","root","")
or die ("Gagal Konek ke server".mysql_error());
mysql_select_db("bukutamu",$Koneksi)
or die ("Database gagal dibuka".mysql_error());
$sql= "SELECT * FROM bukutamu ";
$qry=mysql_query($sql,$Koneksi)
or die("Query gagal".mysql_error());
while($data=mysql_fetch_array($qry)){
?>
<tr>
<td width="25" bgcolor="#EEEEEE" align="center"><?php echo $data['id'];?></td>
<td width="202" bgcolor="#EEEEEE" align="center"><?php echo $data['Nama'];?></td>
<td width="70" bgcolor="#EEEEEE" align="center"><?php echo $data['Alamat'];?></td>
<td width="80" bgcolor="#EEEEEE" align="center"><?php echo $data['Email'];?></td>
<td width="115" bgcolor="#EEEEEE" align="center"><?php echo $data['Kota'];?></td>
<td width="152" bgcolor="#EEEEEE" align="center"><?php echo $data['Pesan'];?></td>
<td width="100" align="center" bgcolor="#AAAAAA"><?php echo '<img src="Gambar.php?id='.$data['id'].'" width="100" />'?></td>
<td align="center" width="70" bgcolor="#EEEEEE">
<a href="HapusData.php?id=<?php echo $data['id'];?>">
<input class="button-op" type="submit" name="hapus" id="hapus" value="Hapus" />
</a>
</td>
<td align="center" width="70" bgcolor="#EEEEEE">
<a href="UbahForm.php?id=<?php echo $data['id'];?>">
<input class="button-op" type="submit" name="ubah" id="ubah" value="Ubah" />
</a>
</td>
</tr>
<?php } ?>
</table><font color="white"></font><a href="index.html"><input type="submit" name="masuk" id="masuk" value="Tambah" /></a></div>
</body>
</html>
Penjelasan
Pertamamysql_connect("localhost","root","") : Maksutnya adalah program akan melakukan perintah awal yaitu mengkoneksikan Form Bukutamu dengan database dengan sever localhost, username root, dan password kosong.
itu merupakan standar penulisannya, namun, apabila database kalian beri password, maka password harus kalian isi sesuai dengan password yang kalian beri.
Kedua
mysql_select_db("bukutamu") : Setelah langkah diatas selesai diproses oleh mesin, selanjutnya mesin akan membaca perintah mysql_select_db("bukutamu") yaitu memilih database yang nantinya akan digunakan untuk menyimpan data dari hasil inputan Form Bukutamu.
lalu, cara membuat databasenya gimana...? aku kan masih pemula dengan bahasa pemrograman PHP.
Tenang, nanti saya akan memberikan tutorial sendiri bagaimana cara membuat databasenya, kalian bisa baca artikel dibawah ini.
Baca Juga :
Lanjut, kepenjelasan berikutnya yaitu bagian source code berikut :
$sql= "SELECT * FROM bukutamu ";
$qry=mysql_query($sql,$Koneksi)
or die("Query gagal".mysql_error());
$sql merupakan sebuah variabel atau penjelas dari "SELECT * FROM bukutamu";
SELECT * FROM bukutamu; memilih semua data yang ada pada tabel bukutamu.
$qry varibel eksekusi, apabila data benar yang dilakukan pada variabel $sql, maka program akan menampilkan data, apabila salah maka program akan menampilka tulisan "Query gagal".
Untuk Source code while($data=mysql_fetch_array($qry)){ adalah data akan ditampilkan apabila ada inputan baru, data diubah, ataupun data dihapus (Pengulangan).
Untuk Source code selanjutnya :
<td width="25" bgcolor="#EEEEEE" align="center"><?php echo $data['id'];?></td>
<td width="202" bgcolor="#EEEEEE" align="center"><?php echo $data['Nama'];?></td>
<td width="70" bgcolor="#EEEEEE" align="center"><?php echo $data['Alamat'];?></td>
<td width="80" bgcolor="#EEEEEE" align="center"><?php echo $data['Email'];?></td>
<td width="115" bgcolor="#EEEEEE" align="center"><?php echo $data['Kota'];?></td>
<td width="152" bgcolor="#EEEEEE" align="center"><?php echo $data['Pesan'];?></td>
<td width="100" align="center" bgcolor="#AAAAAA"><?php echo '<img src="Gambar.php?id='.$data['id'].'" width="100" />'?></td>
Yang berada pada kurung bersudut [] itu merupakan sebuah field yang ada pada tabel bukutamu, jadi kita sesuaikan dengan field yang ada pada tabel bukutamu.
"Lho min, kenapa untuk menampilkan gambar harus menggunakan source code ini <?php echo '<img src="Gambar.php?id='.$data['id'].'" width="100" />'?>"
Nah, pertanyaan yang bagus, mengapa begitu, sedangkan yang lain tidak..? sebab source code untuk menampilkan gambar saya buat terpisah, agar kalian tidak bingung pada saat pembuatan Form Bukutamu.
Untuk artikelnya silahkan kalian baca :
Baca juga :
Setelah itu, simpan dan lihat hasilnya, coba kalian jalankan program Form Bukutamu yang sudah kalian buat tadi
Bagimana..? Sudah bisa dijalankan...?
Sekian dulu penjelasan dari saya, apabila kalian belum faham atau masih bingung atau juga mengalamai masalah pada saat pembuatan Form Bukutamu. silahkan, kalian dapat meninggalkan komentar pada kolom komentar dibawah artikel ini, atau bisa juga kirim email dengan cara menekan tombol bagian footer (bawah website) dan isi data diri kalian dengan benar. Terima kasih.
Belum ada Komentar untuk "Membuat Form Bukutamu Keren Dinamis Tampil"
Posting Komentar