Membuat website dinamis (Bagian 1)
Sebuah web yang dinamis tentunya akan lebih menarik daripada web statis, karena didalamnya kita dapat melakukan pengelolaan data CRUD(Create Read Update Delete). Hal yang harus kita lakukan adalah menghubungkan web kita dengan database menggunakan MYSQL yang merupakan sebuah Database Management System. Alat yang kita gunakan adalah xampp dan notepad (text editor).
Berikut ini cara membuat website dinamis.
1. Aktifkan apache dan mysql pada XAMPP Control Panel anda, buka phpmyadmin dan buatlah sebuah database dengan nama "db_toko".
2. Buatlah sebuah table dengan nama "tb_barang"
3. Buka notepad anda dan ketikkan kode dibawah ini. Buatlah sebuah folder didalam folder htdocs dengan nama "toko" lalu simpan file dalam folder tersebut dengan nama "barang.php".
<html>
<head>
<title>TOKO CILIK</title>
<head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
<table border=1>
<tr>
<th colspan=2>Tambah Barang</th>
</tr>
<tr>
<td>Kode Barang</td>
<td><input type="text" maxlength="5" name="kd_barang" placeholder="Kode Barang" required></td>
</tr>
<tr>
<td>Nama Barang</td>
<td><input type="text" maxlength="50" name="nm_barang" placeholder="Nama Barang" required></td>
</tr>
<tr>
<td>Satuan</td>
<td><input type="text" maxlength="5" name="satuan" placeholder="satuan" required></td>
</tr>
<tr>
<td>Harga</td>
<td align=right><input type="text" name="harga" placeholder="harga" required></td>
</tr>
<tr>
<td>Stok</td>
<td><input type="number" min="0" max="100" name="stok" placeholder="stok" required></td>
</tr>
<tr>
<td colspan=2 align=right><input type="submit" name="submit" value="Proses"></td>
</tr>
</table>
<hr>
</form>
<?php
$koneksi=mysqli_connect("localhost","root","","db_toko");
if(isset($_POST['submit'])){
$kd_barang=$_POST['kd_barang'];
$nm_barang=$_POST['nm_barang'];
$satuan=$_POST['satuan'];
$harga=$_POST['harga'];
$stok=$_POST['stok'];
$cek=mysqli_query($koneksi,"select* from tb_barang where kd_barang='$kd_barang'");
if(mysqli_num_rows($cek)>0){
echo "<b>Peringatan!</b> Kode barang yang anda masukkan sudah ada<br><br>";
}
else{
mysqli_query($koneksi,"insert into tb_barang values('$kd_barang','$nm_barang','$satuan','$harga','$stok')");
echo "<b>Sukses!</b> Data berhasil ditambahkan<br><br>";
}
}?>
<table border=1>
<tr>
<th>Kode barang</th>
<th>Nama Barang</th>
<th>Satuan</th>
<th>Harga</th>
<th>Stok</th>
</tr>
<?php
$sql=mysqli_query($koneksi,"select* from tb_barang order by kd_barang asc");
if(mysqli_num_rows($sql)>0){
while($row=mysqli_fetch_array($sql))
{ ?>
<tr>
<td><?php echo $row['kd_barang'];?></td>
<td><?php echo $row['nm_barang'];?></td>
<td><?php echo $row['satuan'];?></td>
<td align=right><?php echo $row['harga'];?></td>
<td align=right><?php echo $row['stok'];?></td>
</tr>
<?php }
}
else{ ?>
<tr>
<td colspan=5 align=center>Tidak ada data yang tersedia</td>
</tr>
<?php } ?>
</table>
</body>
</html>
4. Buka browser lalu ketikkan "http://localhost/toko/barang.php".
Demikianlah cara membuat sebuah web dinamis. Mudah bukan? Selamat mencoba,,, :)



Comments
Post a Comment