Di mulai dari pertemuan sekarang, kita akan membuat suatu web site yang
berbasis database.
Langkah pertama untuk membuat web tersebut adalah dengan membuat database
dan tabel yang akan diakses oleh web site tersebut.
Sebagai contoh tabel yang digunakan bernama Barang dengan struktur fieldnya
adalah :
+--------------+-------------+------+-----+---------+-------+
| Field | Type | Null | Key | Default | Extra |
+--------------+-------------+------+-----+---------+-------+
| kode | varchar(5) | | PRI | | |
| nama | varchar(25) | | | | |
| tanggalmasuk | date | YES | | NULL | |
| harga | float | | | 0 | |
| stok | int(11) | | | 0 | |
+--------------+-------------+------+-----+---------+-------+
Catatan :
Untuk jalannya website ini, ada beberapa hal yang harus dipenuhi yaitu :
1. Web Server harus dalam keadaan aktif (apache harus jalan)
2. Database Server MySQL harus dalam keadaan aktif.
Jika telah disimpan, maka tampilkan page berikut dengan menulis alamat
http://localhost/folderanda.
Simpan form pengisian data tersebut dengan nama tambahdata.php dan disimpan
di folder anda.
Pada script form pengisian data, urutan field tanggal dibuat dengan script php
dengan melakukan perulangan dari 1 sampai 31 dan begitu juga untuk urutan bulan
dari 1 sampai 12, kalau mau ditulis secara manual, itu bukan masalah.
Jika Script ini sudah disimpan, maka buatlah link ke file tambahdata.php dari
index.php dengan mengubah bagian Tambah Data dengan menganti perintah
tersebut dengan <a href=tambahdata.php>Tambah Data</a>.
Perintah SQL untuk penambahan data disusun dalam script ini. Perintah if ($hasil)
berarti kalau pengisian data sukses, maka akan menampilkan pesan Data Telah
Disimpan dan kalau penyimpanan tidak sukses maka akan menampilkan pesan
Data ada yang salah. Data tidak Disimpan dan akan menampilkan link untuk
kembali ke pengisian data sebelumnya.
Ingat :
Simpan file ini dengan nama sesuai action form contoh : prosessimpan.php
dalam folder yang sama.
Dalam contoh berikut, yang akan dipakai adalah dengan memisahkan antara form
pengisian criteria dengan form hasil pencariannya.
Langkah pertama yang harus dibuat adalah membuat form pengisian kriterianya.
Lihat gambar dibawah ini sebagai contohnya :
Simpan file tersebut dengan nama pencariandata.php dan jangan lupa untuk
membuat link ke page pencarian dari page index.php, dengan mengubah Pencarian
Data menjadi <a href=pencariandata.php>Pencarian Data</a>.
}
echo "</table>";
}
else
echo "Tidak ada data dalam tabel";
mysql_close($link);
?>
Simpan file ini dengan nama sesuai file action form yang ada di pencariandata.php
dan sisimpan di folder yang sama.
Contoh tampilan hasil pencarian dapat dilihat pada gambar di bawah ini :
Script untuk membuat form penghapusan yang di dalamnya terdapat combo box
yang berisi database dapat dilihat di bawah ini.
<html>
<head>
<title>Web Database</title>
<style>
body {font-family: Verdana; font-size: 10pt }
td {font -family: Verdana; font-size: 10pt }
</style>
</head>
<body>
<table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%">
<tr>
<td width="100%" bgcolor="#C0C0C0">
<p align="center"><font face="Book Antiqua" size="7">Web Database</font></td>
</tr>
</table>
<hr>
<form method=post action=proseshapus.php>
<?
$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="Select kode,nama From Barang order by Nama ";
echo "Perintah SQL yang tersusun : <br><b>$query</b> <br><br>";
$hasil=mysql_query($query,$link);
while ($data=mysql_fetch_row($hasil))
{
echo "<option value='$data[0]'>$data[0] | $data[1] </option>";
}
mysql_close($link);
?>
</select>
</td>
</tr>
<tr>
<td> </td>
<td><input type=submit value=Delete></td>
</tr>
</table> <hr color=black width=30%>
</center>
</form>
Simpan script tersebut dengan nama file hapusdata.php, kemudian buatlah link ke
file ini dari file index.php dengan mengubah bagian Penghapusan data menjadi <a
href=hapusdata.php>Penghapusan Data</a>.
Script ini akan melakukan proses penghapusan data yang nama file action-nya
adalah proseshapus.php. Script untuk proseshapus.php dapat dilihat dibawah ini.
<html>
<head>
<title>Web Database</title>
<style>
body { font-family: Verdana; font-size: 10pt }
td {font-family: Verdana; font-size=10pt}
</style>
</head>
<body>
<table border=1 cellpadding=0 cellspacing=0
bordercolor="#111111" width="100%">
<tr>
<td width="100%" bgcolor="#C0C0C0">
<p align="center">
<font face="Book Antiqua" size="7">Web Database</font></td>
</tr>
</table>
<hr>
<table border=1 cellpadding=0 cellspacing=0
bordercolor="#111111" width="100%">
<tr>
<td width="100%" bgcolor="#C0C0C0">
Tampilan ketika proses penghapusan telah dilakukan dapat dilihat pada gambar di
bawah ini.
$hasil=mysql_query($query,$link);
while ($data=mysql _fetch_row($hasil))
{
echo "<option value='$data[0]'>$data[0] | $data[1] </option>";
}
mysql_close($link);
?>
</select>
</td>
</tr>
<tr>
<td> </td>
<td><input type=submit value=Edit></td>
</tr>
</table> <hr color=black width=50%>
</center>
</form>
Simpan file ini dengan nama editdata.php dan jangan lupa membuat link dari file
index.php ke file ini.
Setelah file ini selesai maka kalau user menekan tombol Edit, maka browser harus
menampilkan suatu form untuk tempat pengeditan data (mirip dengan penambahan
data), bedanya dari penambahan data adalah field-field tempat pengisian data harus
sudah memiliki isi sesuai isi asalnya. Selain itu kita juga harus mempunyai sebuah
field yang tidak boleh berubah dan tersembunyi sebagai kode asal sebelum kode
tersebut mengalami perubahan (sebagai pengenal untuk update).
Untuk membuat field tersembunyi ini, perintah html yang diperlukan adalah :
Action file dari editdata.php adalah tampilformedit.php. file ini akan menampilkan
suatu form pengeditan data. Tampilan form pengeditan data dapat dilihat pada
gambar dibawah ini.
<html>
<head>
<title>Web Database</title>
<style>
body {font-family: Verdana; font-size: 10pt }
td {font -family: Verdana; font-size: 10pt }
</style>
</head>
<body>
<table border=1 cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%">
<tr>
<td width="100%" bgcolor="#C0C0C0">
<p align="center"><font face="Book A ntiqua" size="7">Web Database</font></td>
</tr>
</table>
<hr>
<?
$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="Select kode,nama,dayofmonth(tanggalmasuk)as tanggal,".
"month(tanggalmasuk)as bu lan,year(tanggalmasuk)as tahun,".
"harga,stok From Barang where kode='$ekode'";
$hasil=mysql_query($query,$link);
$data=mysql_fetch_row($hasil);
?>
<form method=POST action="prosesupdate.php">
<input type=hidden name=ekodedulu value="<? echo $data[0];?>">
<center><font style="font-size: 20pt">PENGEDITAN DATA BARANG</font>
Jika kita menekan tombol Simpan, maka kita memerlukan suatu file lagi sebagai file
action yang berguna untuk melakukan pengupdatean data dalam contoh ini nama
file yang digunakan adalah prosesupdate.php .
$hasil=mysql_query($query,$link);
while ($data=mysql_fetch_row($hasil))
{
echo "<option value='$data[0]'>$data[0] | $data[1] </option>";
}
mysql_close($link);
?>
</select>
</td>
</tr>
<tr>
<td>Quantity Beli</td>
<td><input type=text name=eqtybeli></td>
</tr>
<tr>
<td> </td>
<td><input type=submit value=Tambahkan></td>
</tr>
</table> <hr color=black width=50%>
</center>
</form>
Simpan file ini dengan nama tambahstok.php, dan jangan lupa membuat link dari
index.php ke file tersebut pada bagian Penambahan Stock (Pembelian).
File action yang akan dilakukan ketika user menekan tombol Tambahkan adalah
prosestambahstok.php.
Tampilan yang akan muncul jika proses penambahan stok telah sukses dapat dilihat
pada gambar di bawah ini.
Dan Jika proses penambahan stok tidak sukses, misalkan karena salah pengisian
quantity beli, maka browser akan menghasilkan tampilan seperti dibawah ini.
<?
$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="Select kode,nama From Barang order by Nama ";
$hasil=mysql_query($query,$link);
while ($data=mysql_fetch_row($hasil))
{
echo "<option value='$data[0]'>$data[0] | $data[1] </option>";
}
mysql_close($link);
?>
</select>
</td>
</tr>
<tr>
<td>Quantity Jual</td>
<td><input type=textt name=eqtyjual></td>
</tr>
<tr>
<td> </td>
<td><input type=submit value=Kurangkan></td>
</tr>
</table> <hr color=black width=50%>
</center>
</form>
Simpan file ini dengan nama kurangstok.php, dan jangan lupa membuat link dari
index.php ke file tersebut pada bagian Pengurangan Stock (Penjualan).
File action yang akan dilakukan ketika user menekan tombol Kurangkan adalah
proseskurangstok.php.
<?
Tampilan yang akan muncul jika proses pengurangan stok telah sukses dapat dilihat
pada gambar di bawah ini.
Dan jika proses pengurangan stok tidak sukses, misalkan karena salah pengisian
quantity beli, maka browser akan menghasilkan tampilan seperti dibawah ini.