Menampilkan
Data & Gambar dari Database MySQL
Assalamu’alaikum Wr.
Wb.
Salam NewGen, pada kali
ini saya akan share tentang menampilkan data & gambar dari Database sama
seperti Pertemuan 5 hanya sekarang kita menambahkan file gambar.
.jpg)
Pertama Kita cari dan
simpan gambar yang akan kita tampilkan ke folder xampp >> htdocs >>
BelajarPHP folder penyimpanan yang sama dengan file PHPnya disini saya berinama
gambar1 dan gambar2 tipe gambar .jpg
Selanjutnya kita buat
tabel dengan nama tbgambar, kita buat dalam Database yang sebelum-sebelumnya,
dengan nama Field kode (varchar(4)), nama (varchar(30)), dan gambar(text(30)). Kemudian
Simpan
Setelah dibuat dan
disimpan kemudian kita isi tabel tersebut. Perhatikan field gambar nama harus sama
dengan nama file gambar yang ingin ditampilkan.
Selanjutnya kita buat file
PHPnya, seperti pada Pertemuan sebelumnya kita menggunakan Dreamweaver. buka
Dreamweavernya kemudian klik file >> New >> Pilih PHP dan Create
atau bisa juga kita klik langsung di tampilan awal Dreamweaver pilih di Create
New >> Klik PHP
Kemudian ketikkan listingnya di bagian Code
Disimpan dengan nama Latihan6.php ke folder yang
kita buat sebelumnya C: \ xampp \ htdocs\ BelajarPHP
Listing :
<body>
<center>
<?php
$conn=mysql_connect("localhost","root","")
or die ("Koneksi Gagal");
mysql_select_db("belajar",$conn);
$strSQL = "select * from tbgambar";
$qry = mysql_query($strSQL,$conn) or die ("query salah");
?>
<table border="3">
<tr><td>Kode</td><td>Nama</td><td>Gambar</td></tr>
<?php
while($row=mysql_fetch_array ($qry))
{
echo"<tr>";
echo"<td>".$row["kode"]."</td>";
echo"<td>".$row["nama"]."</td>";
echo"<td><img width=50 height=50
src=".$row["gambar"]."></td>";
echo"<tr>";
}
?>
</table></center>
</body>
Selesai dh, kita bisa
lihat hasilnya dengan masukkan alamat address http://localhost/BelajarPHP/Latihan6.php
Semoga Bermanfaat, untuk selanjutnya saya akan
menshare tentang Latihan UTS Semoga dalam minggu-minggu ini bisa segera saya posting ya doain semoga admin selalu sehat ya... hehe..
Salam NewGen.. Wassalamu’alaikum Wr. Wb.
No comments:
Post a Comment