07 Webdinamis

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 :
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.
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.
Keterangan Script :
Perintah
mysql_connect
Penggunaan & Kegunaan

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.
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 :
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> </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>
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.
Tampilan ketika penyimpanan telah sukses.
Tampilkan ketika penyimpanan gagal.
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 actionnya 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 :
<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> </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>
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 :
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>
<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> </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">
<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.
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>
<? $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> </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.
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>
<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> </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 :
<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.
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>
<? $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> </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);
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.
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>
<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> </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"> <?
$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.

07 Webdinamis

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

07 Webdinamis

Uploaded by

Copyright:

Available Formats

Web Dinamis Berbasis Database

Perintah SQL untuk membuat struktur tabel tersebut adalah :

Modul Mata Kuliah E-Commerce Hal. 52

Script untuk page ini dapat dilihat di halaman berikutnya :

Modul Mata Kuliah E-Commerce Hal. 53

Modul Mata Kuliah E-Commerce Hal. 54

Modul Mata Kuliah E-Commerce Hal. 55

Penggunaan & Kegunaan

Modul Mata Kuliah E-Commerce Hal. 57

Script Form Pengisian Data :

Modul Mata Kuliah E-Commerce Hal. 58

Modul Mata Kuliah E-Commerce Hal. 59

Tampilan ketika penyimpanan telah sukses.

Tampilkan ketika penyimpanan gagal.

Modul Mata Kuliah E-Commerce Hal. 60

Modul Mata Kuliah E-Commerce Hal. 62

Modul Mata Kuliah E-Commerce Hal. 63

Modul Mata Kuliah E-Commerce Hal. 64

Modul Mata Kuliah E-Commerce Hal. 65

Modul Mata Kuliah E-Commerce Hal. 66

Modul Mata Kuliah E-Commerce Hal. 67

Script untuk form pemilihan kode barang yang akan diedit.

Modul Mata Kuliah E-Commerce Hal. 68

Modul Mata Kuliah E-Commerce Hal. 69

Scriptnya dapat dilihat di halaman berikutnya.

Modul Mata Kuliah E-Commerce Hal. 70

Modul Mata Kuliah E-Commerce Hal. 72

6. Penambahan stock (pembelian)

Script PHP untuk menampilkan form diatas adalah sebagai berikut :

Modul Mata Kuliah E-Commerce Hal. 73

Modul Mata Kuliah E-Commerce Hal. 74

Modul Mata Kuliah E-Commerce Hal. 75

7. Pengurangan stock (penjualan)

Script PHP untuk menampilkan form diatas adalah sebagai berikut :

Modul Mata Kuliah E-Commerce Hal. 76

Modul Mata Kuliah E-Commerce Hal. 77

Modul Mata Kuliah E-Commerce Hal. 78

You might also like