Anda di halaman 1dari 27

Web Dinamis Berbasis Database

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 | |
+--------------+-------------+------+-----+---------+-------+

Perintah SQL untuk membuat struktur tabel tersebut adalah :


CREATE TABLE barang (
kode varchar(5) NOT NULL,
nama varchar(25) NOT NULL,
tanggalmasuk date,
harga float DEFAULT '0' NOT NULL,
stok int DEFAULT '0' NOT NULL,
PRIMARY KEY (kode)
);

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.

Modul Mata Kuliah E-Commerce – Hal. 52


Setelah database dan tabel telah tersedia, maka langkah berikutnya adalah
membuat website-nya. Langkah pertamanya adalah dengan buat dulu suatu homepage
yang akan menjadi page default (yang akan muncul ketika alamat web site ditulis).
Buatlah homepage seperti dibawah ini dan kemudian disimpan ke dalam file
index.php atau index.htm (disarankan menggunakan ekstensi .php untuk
mempermudah mengingat) yang ada dalam folder C:\apache\htdocs\folderanda.

Script untuk page ini dapat dilihat di halaman berikutnya :

Modul Mata Kuliah E-Commerce – Hal. 53


Scriptnya
<html>
<head>
<title>Web Database</title>
<style>
body { 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>
<p>Web site ini merupakan web site latihan untuk mata kuliah
E-Commerce. Web site ini menggunakan database server MySQL. Dalam homepage ini
terdapat beberapa transaksi yang dapat dilakukan, diantaranya :</p>
<ul>
<li>Menampilkan semua data</li>
<li>Penambahan data</li>
<li>Pencarian data</li>
<li>Penghapusan data</li>
<li>Pengeditan data</li>
<li>Penambahan stock (pembelian)</li>
<li>Pengurangan stock (penjualan)</li>
</ul>
<hr>
</body>
</html>

Jika telah disimpan, maka tampilkan page berikut dengan menulis alamat
http://localhost/folderanda.

Modul Mata Kuliah E-Commerce – Hal. 54


1. Menampilkan Data
Untuk menampilkan data yang ada dalam database, maka kita membutuhkan suatu
file yang didalamnya terdapat script php yang mampu mengakses ke database.
Scriptnya adalah sebagai berikut :
<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>
<?
$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="Select * From Barang order by Kode";
$hasil=mysql_query($query,$link);
$banyak=mysql_numrows($hasil);
if ($banyak>0)
{
echo "Data yang ada dalam tabel adalah $banyak record.";
echo "<table border=1 cellspacing=0 width=100%>
<tr bgcolor=silver>
<td width=15% align=center>Kode Barang</td>
<td width=30% align=center>Nama Barang</td>
<td width=20% align=center>Tanggal Masuk</td>
<td width=20% align=center>Harga</td>
<td width=15% align=center>Stok</td>
</tr>";
while ($data=mysql_fetch_row($hasil))
{
echo "<tr>
<td align=center>$data[0]</td>
<td>$data[1]</td><td align=center>$data[2]</td>
<td align=right>".number_format($data[3],0,"",".")."</td>
<td align=center>$data[4]</td>
</tr>";
}
echo "</table>";
}
else
echo "Tidak ada data dalam tabel";
mysql_close($link);
?>
<a href="index.php">Kembali ke awal</a>
</body>
</html>
Simpan script di atas dengan nama tampildata.php di folder yang sama dengan
index.php, kemudian buatlah link dari file index.php pada bagian Menampilkan
Semua Data diubah menjadi <a href=tampildata.php>Menampilkan Semua
Data</a>. Kemudian web site dijalankan lagi dengan alamat localhost/folderanda,
dan jika telah muncul coba klik pada bagian Menampilkan Semua Data. Jika script
PHP yang anda tulis telah benar, maka browser akan menampilkan layar seperti di
bawah ini.

Modul Mata Kuliah E-Commerce – Hal. 55


Keterangan Script :
Perintah Penggunaan & Kegunaan
mysql_connect mysql_connect(namaserver, username, password)
Perintah ini digunakan untuk melakukan suatu koneksi ke
database server. Fungsi ini menghasilkan suatu pengenal
link (link identifier) yang digunakan untuk perintah
berikutnya.
mysql_select_db mysql_select_db(namadatabase, linkidentifier)
Perintah ini digunakan untuk memilih database apa yang
akan diproses.
mysql_query mysql_query(query, linkidentifier)
Perintah ini digunakan untuk mengeksekusi perintah SQL
yang ada di parameter query. Fungsi ini akan mengh asilkan
suatu penunjuk ke hasil eksekusi (result).
mysql_numrows Mysql_numrows(result)
Perintah ini digunakan untuk menampilkan berapa data
yang dihasilkan dari eksekusi query.
mysql_fetch_row Mysql_fetch_row(link result)
Perintah ini digunakan untuk mengambil satu baris data
dari proses eksekusi query. Perintah ini menghasilkan array
yang dimulai dari index 0.
mysql_close Mysql_close(link identifier)
Menutup koneksi sesuai dengan link identifiernya.

Modul Mata Kuliah E-Commerce – Hal. 56


2. Penambahan data
Untuk proses penambahan data, tentunya kita harus memiliki suatu home page
yang berguna untuk pengisian data (form). Contoh form pengisiannya adalah
seperti gambar di bawah ini.

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>.

Script untuk form ini dapat dilihat pada halaman berikutnya :

Modul Mata Kuliah E-Commerce – Hal. 57


Script Form Pengisian Data :
<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="prosessimpan.php">
<center><font style="font-size: 20pt">PENGISIAN DATA BARANG</font>
<hr color=black width="60%">
<table border=1 cellpadding=2 cellspacing=0 bordercolor="#111111" width="60%">
<tr>
<td width=34%>Kode Barang</td>
<td width=66%><input type=text name=ekode size=8 maxlength=6></td>
</tr>
<tr>
<td>Nama Barang</td>
<td><input type=text name=enama size=21 maxlength=25></td>
</tr>
<tr>
<td>Tanggal</td>
<td><select size=1 name=etanggal>
<?
for($i=1;$i<=31;$i++)
echo "<option>$i</option>";
?>
</select> -
<select size="1" name="ebulan">
<?
for($i=1;$i<=12;$i++)
echo "<option>$i</option>";
?>
</select> -
<input type=text name=etahun size=5 maxlength=4>
</td>
</tr>
<tr>
<td>Harga</td>
<td><input type=text name=eharga size=9></td>
</tr>
<tr>
<td>Stok</td>
<td><input type=text name=estok size=9></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<input type=submit value="Simpan">
<input type=reset value="Reset">
</td>
</tr>
</table>
<hr color=black width="60%">
| <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> |
</center>
</form>
<hr>
</body>
</html>

Modul Mata Kuliah E-Commerce – Hal. 58


Dengan selesainya script form pengisian data, maka kita memerlukan lagi suatu file
yang di dalamnya terdapat script PHP yang berguna untuk melakukan proses
penyimpanan data ke database MySQL, nama file-nya harus sesuai dengan nama
file yang ada dalam bagian action form.. Dalam file tersebut juga harus dapat
menampilkan apakan proses penyimpanan data telah selesai atau gagal.
Script PHP-nya adalah sebagai berikut :
<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">
<p align="center"><font face="Book Antiqua" size="4">
<?
$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="Insert into Barang values('$ekode','$enama',
'$etahun-$ebulan-$etanggal',$eharga,$estok)";
$hasil=mysql_query($query,$link);
if ($hasil)
echo "Data Telah Disimpan!. <br>Congratulation";
else
echo "Data ada yang salah. Data Tidak Tersimpan.<br>
<a href=javascript:history.back(1)>Ulang</a>";
mysql_close($link);
?>
</font></td>
</tr>
</table>
| <a href="index.php">Kembali ke awal</a> | <a href=tampildata.php>Tampil Data</a>
| <a href="tambahdata.php">Tambah Lagi</a> |
</body>
</html>

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.

Modul Mata Kuliah E-Commerce – Hal. 59


Tampilan ketika penyimpanan telah sukses.

Tampilkan ketika penyimpanan gagal.

Modul Mata Kuliah E-Commerce – Hal. 60


3. Pencarian data
Pencarian data sebenarnya suatu proses untuk menyusun suatu perintah SQL
berdasarkan criteria-kriteria yang diinginkan yang diisikan dalam suatu form.
Ada beberapa versi pencarian data, ada yang membuat form pengisian kriteria
terpisah dengan page hasil pencariannya, ada juga yang membuat form pengisian
kriterianya disatukan dengan page hasil pencariannya. Perbedaannya hanya terletak
pada action pada form pengisian kriteria pencariannya saja. Kalau yang dipisah, file
action-nya berbeda dengan file formnya, dan yang disatukan, maka nama file action-
nya sama dengan nama file page form pengisian kriterianya.

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>.

Script untuk membuat form tersebut dapat dilihat di halaman berikutnya :

Modul Mata Kuliah E-Commerce – Hal. 61


<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="prosespencarian.php">
<center><font style="font-size: 20pt">PENCARIAN DATA</font><hr color="#000000"
width="50%">
<table border=1 cellpadding=2 cellspacing=0 bordercolor="#111111" width="60%">
<tr>
<td width="34%">Field</td>
<td width="66%">
<select size="1" name="efield">
<option>Kode</option>
<option>Nama</option>
<option value="TanggalMasuk">Tanggal Masuk</option>
<option>Harga</option>
<option>Stok</option>
</select></td>
</tr>
<tr>
<td>Kategori</td>
<td><select size="1" name="eoperator">
<option value="=">Sama Dengan</option>
<option value=">">Lebih Besar</option>
<option value=">=">Lebih Besar Atau Sama Dengan</option>
<option value="<">Lebih Kecil</option>
<option value="<=">Lebih Kecil Atau Sama Dengan</option>
<option value="like">Mengandung</option>
</select></td>
</tr>
<tr>
<td>Dicari</td>
<td><input type="text" name="edicari" size="9"></td>
</tr>
<tr>
<td width="34%">Diurutkan</td>
<td width="66%">
<select size="1" name="efieldurut">
<option>Kode</option>
<option>Nama</option>
<option value="TanggalMasuk">Tanggal Masuk</option>
<option>Harga</option>
<option>Stok</option>
</select> <input type=checkbox name=edesc value="desc">Descending</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" value="Cari"></td>
</tr>
</table>
</center>
<hr color="#000000" width="50%">
<p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php">
Lihat Data</a> | <a href="tambahdata.php">Tambah Data</a> |</p>
</form><hr>
</body>
</html>

Modul Mata Kuliah E-Commerce – Hal. 62


Sesudah script form pengisian criteria telah selesai, maka langkah berikutnya adalah
membuat suatu file yang berisi script PHP yang dapat menyusun dan mengeksekusi
suatu perintah SQL yang akan dieksekusikan ke Database MySQL.

Script PHP-nya adalah :


<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>
<?
echo "Hasil Pencarian<br>";
$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="Select * From Barang where $efield $eoperator ";
if ($eoperator!="like")
$query=$query."'$edicari' ";
else
$query=$query."'%$edicari%' ";

$query=$query." order by $efieldurut $edesc";


echo "Perintah SQL yang tersusun : <br><b>$query</b> <br><br>";
$hasil=mysql_query($query,$link);
$banyak=mysql_numrows($hasil);
if ($banyak>0)
{
echo "Data yang sesuai ada $banyak record.";
echo "<table border=1 cellspacing=0 width=100%>
<tr bgcolor=silver>
<td width=15% align=center>Kode Barang</td>
<td width=30% align=center>Nama Barang</td>
<td width=20% align=center>Tanggal Masuk</td>
<td width=20% align=center>Harga</td>
<td width=15% align=center>Stok</td>
</tr>";
while ($data=mysql_fetch_row($hasil))
{
echo "<tr>
<td align=center>$data[0]</td><td>$data[1]</td>
<td align=center>$data[2]</td>
<td align=right>".number_format($data[3],0,"",".").
"</td><td align=center>$data[4]</td>
</tr>";

}
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 :

Modul Mata Kuliah E-Commerce – Hal. 63


Modul Mata Kuliah E-Commerce – Hal. 64
4. Penghapusan data
Untuk penghapusan data, maka kita membutuhkan suatu form untuk memasukan
kode barang yang akan dihapus. Dalam contoh di bawah ini, kode barang yang telah
diada dalam database akan ditampilkan semuanya sehingga untuk menghapus data,
user tidak usah memasukan kode barangnya dan hanya memilih dari combo box
yang ada.
Form pemilihan kode yang akan dihapus dapat dilihat 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>

Modul Mata Kuliah E-Commerce – Hal. 65


<center><font style="font-size:20pt">PENGHAPUSAN DATA</font>
<hr color=black width=30%>
<table border=1 cellspacing=0 cellpadding=2 width=30%>
<tr>
<td width=15% align=center>Kode Barang</td>
<td width=30% align=center>
<select name=ekode>

<?
$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>&nbsp;</td>
<td><input type=submit value=Delete></td>
</tr>
</table> <hr color=black width=30%>
</center>
</form>

<p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php">


Lihat Data</a> | <a href="tambahdata.php">
Tambah Data</a> | <a href="pencariandata.php">Pencarian Data</a> |</p>
</body>
</html>

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">

Modul Mata Kuliah E-Commerce – Hal. 66


<p align="center"><font face="Book Antiqua" size="4">
<?
$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="delete from Barang where kode='$ekode'";
$hasil=mysql_query($query,$link);
$banyak=mysql_affected_rows($link);
if ($banyak>0)
echo "Data Telah Dihapus!. Congratulation";
else
echo "Tidak ada data yang dihapus";
mysql_close($link);
?>
</font></td>
</tr>
</table>
<p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php">
Lihat Data</a> | <a href="tambahdata.php">
Tambah Data</a> | <a href="pencariandata.php">
Pencarian Data</a> | <a href=hapusdata.php>Hapus Lagi</a></p>
</body>
</html

Tampilan ketika proses penghapusan telah dilakukan dapat dilihat pada gambar di
bawah ini.

Modul Mata Kuliah E-Commerce – Hal. 67


5. Pengeditan data
Untuk pengeditan data, langkah pertama hapus menampilkan dulu form pemilihan
kode barang yang akan diedit. Langkah ini mirip dengan langkah pembuatan form
pemilihan kode barang yang akan dihapus. Script php untuk form ini mirip dengan
scrip php untuk penghapusan data. Bedanya adalah file action-nya harus ke file
yang didalamnya terdapat script untuk pengeditan data.

Tampilan form pemilihan kode barang.

Script untuk form pemilihan kode barang yang akan diedit.


<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=tampilformedit.php>
<center><font style="font-size:20pt">PENGEDITAN DATA</font>
<hr color=black width=50%>
<table border=1 cellspacing=0 cellpadding=2 width=50%>
<tr>
<td width=15%>Kode Barang</td>
<td width=30%>
<select name=ekode>

Modul Mata Kuliah E-Commerce – Hal. 68


<?
$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>&nbsp;</td>
<td><input type=submit value=Edit></td>
</tr>
</table> <hr color=black width=50%>
</center>
</form>

<p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php">


Lihat Data</a> | <a href="tambahdata.php">
Tambah Data</a> | <a href="pencariandata.php">Pencarian Data</a> |</p>
</body>
</html>

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 :

<input type=hidden name=namaobjek value=isifield>

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.

Modul Mata Kuliah E-Commerce – Hal. 69


Scriptnya dapat dilihat di halaman berikutnya.

<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>

Modul Mata Kuliah E-Commerce – Hal. 70


<hr color=black width="60%">
<table border=1 cellpadding=2 cellspacing=0 bordercolor="#111111" width="60%">
<tr>
<td width=34%>Kode Barang</td>
<td width=66%><input type=text name=ekode size=8 maxlength=6 value="<? echo
$data[0];?>"></td>
</tr>
<tr>
<td>Nama Barang</td>
<td><input type=text name=enama size=21 maxlength=25 value="<? echo
$data[1];?>"></td>
</tr>
<tr>
<td>Tanggal</td>
<td><select size=1 name=etanggal>
<?
for($i=1;$i<=31;$i++)
if($i==$data[2])
echo "<option selected>$i</option>";
else
echo "<option>$i</option>";
?>
</select> -
<select size="1" name="ebulan">
<?
for($i=1;$i<=12;$i++)
if($i==$data[3])
echo "<option selected>$i</option>";
else
echo "<option>$i</option>";
?>
</select> -
<input type=text name=etahun size=5 maxlength=4 value="<? echo
$data[4];?>">
</td>
</tr>
<tr>
<td>Harga</td>
<td><input type=text name=eharga size=9 value="<? echo $data[5];?>"></td>
</tr>
<tr>
<td>Stok</td>
<td><input type=text name=estok size=9 value="<? echo $data[6];?>"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<input type=submit value="Simpan">
<input type=reset value="Reset">
</td>
</tr>
</table>
<hr color=black width="60%">
| <a href="index.php">Awal</a> | <a href="tampildata.php"> Lihat Data</a> |
</center>
</form>
<hr>
</body>
</html>

Simpan file ini dengan nama file tampilformedit.php.

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 .

Script untuk prosesupdate.php adalah :

Modul Mata Kuliah E-Commerce – Hal. 71


<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">
<p align="center"><font face="Book Antiqua" size="4">
<?
$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="update Barang set kode='$ekode',nama='$enama',
tanggalmasuk='$etahun-$ebulan-$etanggal',
harga=$eharga,stok=$estok where kode='$ekodedulu'";
$hasil=mysql_query($query,$link);
if ($hasil)
echo "Data Telah Diupdate!. Congratulation";
else
echo "Data tidak bisa diupdate. Mungkin ada duplikasi data.<br>
<a href=javascript:history.back(1)>Ulang</a>";
mysql_close($link);
?>
</font></td>
</tr>
</table>
| <a href="index.php">Kembali ke awal</a>| <a href=tampildata.php>Tampil Data</a> |
| <a href="tambahdata.php">Tambah Lagi</a> |
</body>
</html>
Script diatas akan menampilkan tampilan berikut jika proses pengeditan data telah
sukses.

Modul Mata Kuliah E-Commerce – Hal. 72


6. Penambahan stock (pembelian)
Untuk penambahan stok barang (pembelian barang), maka kita membutuhkan suatu
form untuk melakukan pemilihan barang apa yang baru dibeli dan berapa buahkah
banyaknya pembelian yang akan ditambahkan ke stok.
Contoh formnya dapat dilihat seperti berikut :

Script PHP untuk menampilkan form diatas adalah sebagai berikut :


<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=prosestambahstok.php>
<center><font style="font-size:20pt">PEMBELIAN BARANG<br>(TAMBAH STOK)</font>
<hr color=black width=50%>
<table border=1 cellspacing=0 cellpadding=2 width=50%>
<tr>
<td width=15%>Kode Barang</td>
<td width=30%>
<select name=ekode>

Modul Mata Kuliah E-Commerce – Hal. 73


<?
$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 Beli</td>
<td><input type=text name=eqtybeli></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type=submit value=Tambahkan></td>
</tr>
</table> <hr color=black width=50%>
</center>
</form>

<p align="center">| <a href="index.php">Awal</a> | <a href="tampildata.php">


Lihat Data</a> | <a href="tambahdata.php">
Tambah Data</a> | <a href="pencariandata.php">Pencarian Data</a> |</p>
</body>
</html>

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.

Script PHP untuk prosestambahstok.php adalah :


<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="cent er"><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">
<p align="center"><font face="Book Antiqua" size="4">
<?
$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="update Barang set stok=stok+$eqtybeli where kode='$ekode'";
$hasil=mysql_query($query,$link);
$banyak=mysql_affected_rows($link);

Modul Mata Kuliah E-Commerce – Hal. 74


if ($banyak)
echo "Stock Baru Telah Ditambahkan!. Congratulation";
else
echo "Data tidak bisa diupdate. Mungkin ada kesalahan pengisian data.<br>
<a href=javascript:history.back(1)>Ulang</a>";
mysql_close($link);
?>
</font></td>
</tr>
</table>
| <a href="index.php">Kembali ke awal</a>| <a href=tampildata.php>Tampil Data</a> |
| <a href="tambahdata.php">Tambah Lagi</a> |
</body>
</html>

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.

Modul Mata Kuliah E-Commerce – Hal. 75


7. Pengurangan stock (penjualan)
Proses pengurangan stock (penjualan) prinsipnya sama dengan penambahan stock,
perbedaannya hanya terdapat pada perintah SQL update-nya saja. Kalau untuk
penambahan data, field stock ditambah dengan quantity beli, sedangkan untuk
pengurangan stock, field stock dikurangi dengan quantity jualnya.

Contoh formnya dapat dilihat seperti berikut :

Script PHP untuk menampilkan form diatas adalah sebagai berikut :


<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=proseskurangstok.php>
<center><font style="font-size:20pt">PENJUALAN BARANG<br>(PENGURANGAN STOK)</font>
<hr color=black width=50%>
<table border=1 cellspacing=0 cellpadding=2 width=50%>
<tr>

Modul Mata Kuliah E-Commerce – Hal. 76


<td width=15%>Kode Barang</td>
<td width=30%>
<select name=ekode>

<?
$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>&nbsp;</td>
<td><input type=submit value=Kurangkan></td>
</tr>
</table> <hr color=black width=50%>
</center>
</form>

<p align="center">| <a href="index.php ">Awal</a> | <a href="tampildata.php">


Lihat Data</a> | <a href="tambahdata.php">Tambah Data</a> | <a
href="pencariandata.php">Pencarian Data</a> |</p>
</body>
</html>

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.

Script PHP untuk proseskurangstok.php adalah :


<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">
<p align="center"><font face="Book Antiqua" size="4">

<?

Modul Mata Kuliah E-Commerce – Hal. 77


$link=mysql_connect("localhost","","");
$db=mysql_select_db("Latihan",$link);
$query="update Barang set stok=stok-$eqtyjual where kode='$ekode'";
$hasil=mysql_query($query,$link);
$banyak=mysql_affected_rows($link);
if ($banyak>0)
echo "Stock Baru Telah Dikurangkan!. Congratulation";
else
echo "Data tidak bisa diupdate. Mungkin ada kesalahan pengisian data.<br>
<a href=javascript:history.back(1)>Ulang</a>";
mysql_close($link);
?>
</font></td>
</tr>
</table>
| <a href="index.php">Kembali ke awal</a>| <a href=tampildata.php>Tampil Data</a> |
| <a href="tambahdata.php">Tambah Lagi</a> |
</body>
</html>

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.

Modul Mata Kuliah E-Commerce – Hal. 78

Anda mungkin juga menyukai