Tutorial Membuat Web Dinamis Sederhana ( Input, Edit dan Delete) Part 3

Sebelumnya kita sudah membuat sistem login dan logout. Kali ini saya akan memberikan langkah-langkah dan kode untuk membuat perintah Input, Edit dan Delete data pada tabel. 
 
1.  Pertama-tama seperti biasa Buka XAMPP kemudian aktifkan Apache dan Mysql, kemudian ketikkan di URL Browser : localhost/phpmyadmin maka muncul laman phpmyadmin, jika kamu mengikuti tutorial sebelumnya buka database dengan nama db_web,
jika belum ada kamu bisa membuat databasenya, kemudian buat table data untuk menyimpan data yang akan kita kelola, ketikkan kode SQL di bawah ini:

create table barang (
kode char(10) not null primary key,
namabarang varchar(50) not null,
harga bigint
)

2.   Selanjutnya kita akan membuat koneksi ke databasenya,
buat folder di dalam htdocs dan beri nama barang kemudian buka notepad (disarankan notepad ++) kemudian ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama koneksi.php:

<?php
$server= "localhost";
$username = "root";  
$password = "";  
$database = "db_web";

mysql_connect($server,$username,$password) or die ("Koneksi Gagal");

mysql_select_db($database) or die ("Database Tidak Bisa Di Buka " );

?>

3.   Selanjutnya kita akan membuat form input barang, ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama formbarang.php:

<html><head>
<title>Input Data Barang</title>
</head><body>
<h2>Data Barang</h2>
<form action="savebarang.php" method="POST">
<table><tr>
<td>Kode Barang</td>
<td>: <input type="text" name="kode" size="10"></td>
</tr>
<tr>
<td>Nama Barang</td>
<td>: <input type="text" name="namabarang" size="30"></td>
</tr>
<tr>
<td>Harga Satuan</td>
<td>: <input type="text" name="harga" size="20"></td>
</tr>
<tr>
<td colspan=2><input type="submit" value="Kirim"></td>
</tr></table></form>
</body></html>
Kode diatas yaitu jika kita klik tombol Kirim maka akan langsung memproses file savebarang.php maka dari itu selanjutnya kita akan membuat file savebarang.php

4.  Kemudian kita akan membuat kode untuk menyimpan data kedalam mysql, ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama savebarang.php::

<?php ob_start();
include "koneksi.php";

$kode   = $_POST['kode'];
$nama   = $_POST['namabarang'];
$harga  = $_POST['harga'];

mysql_query("INSERT INTO barang(kode,namabarang,harga)
VALUE('$kode','$nama','$harga')")or die(mysql_error());
header('location:tampilbarang.php');
?>

 5.  Selanjutnya kita akan membuat tabel untuk menampilkan data yang telah kita input. Ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama tampilbarang.php:

<?php
include "koneksi.php";
include "formbarang.php";
echo "<center><table border=1><tr bgcolor=orange>
<td><b><center>No</td>
<td><b><center>Kode Barang</td>
<td><b><center>Nama Barang</td>
<td><b><center>Harga Satuan</td>
<td><b><center>Delete</td>
<td><b><center>Edit</td>
</tr>";
$query=mysql_query("SELECT * FROM barang ORDER BY kode");
$no=1;
while($var=mysql_fetch_array($query)){
echo "<tr>
<td>$no</td>
<td>$var[kode]</td>
<td>$var[namabarang]</td>
<td>$var[harga]</td>
<td><center><a href='deletebarang.php?kode=$var[kode]'>Delete</a></td>
<td><center><a href='formeditbarang.php?kode=$var[kode]'>Edit</a></center></td>
</tr>";
$no++;
}
echo "</table><br><b>Data Barang by banuaril10.blogspot.com</b>";
?>

6.  Selanjutnya kita akan membuat perintah delete, ketikkan kode di bawah ini Ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama deletebarang.php:
<?php ob_start();
 include "koneksi.php";
 mysql_query("delete from barang where kode='$_GET[kode]'");
 header('location:tampilbarang.php');

?>

7.  Selanjutnya kita akan membuat perintah edit barang, ketikkan kode di bawah ini Ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama formeditbarang.php :

<?php
include "koneksi.php";
$kode=$_GET['kode'];
$query=mysql_query("select * from barang where kode='$kode'");
?>
<html><head><title>Halaman Edit Data Barang</title><head><body>
<form action="editbarang.php" method="post">
<table border="0">
<?php
while($row=mysql_fetch_array($query)){
?>
<input type="Hidden" name="no" value="<?php echo $no;?>" />
<h2>Data Barang</h2>
<form action="savebarang.php" method="POST">
<table><tr>
<td>Kode Barang</td>
<td>: <input type="text" name="kode" value="<?php echo $row['kode'];?>" size="10"></td>
</tr>
<tr>
<td>Nama Barang</td>
<td>: <input type="text" name="namabarang" value="<?php echo $row['namabarang'];?>"size="30"></td>
</tr>
<tr>
<td>Harga Satuan</td>
<td>: <input type="text" name="harga" value="<?php echo $row['harga'];?>"size="20"></td>
</tr>
<tr>
<td colspan=2><input type="submit" value="Update"></td>
</tr>
<?php } ?>
</table></form>

</body></html>

Fungsi kode ini yaitu untuk menampilkan data yang kita klik ke dalam form yang akan kita edit nanti
value="<?php echo $row['kode'];?>

 8.  Selanjutnya kita akan membuat file yang akan memproses form edit barang dan akan menggantikan dengan data yang baru, ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama editbarang.php :

<?php ob_start();
include "koneksi.php";
$kode    = $_POST['kode'];
$nama          = $_POST['namabarang'];
$harga         = $_POST['harga'];

$query=mysql_query("update barang set kode='$kode', namabarang='$nama', harga='$harga' where kode='$kode'");
header('location:tampilbarang.php');
?>


Terakhir jalankan program mekemudiani URL browser kamu, ketikkan localhost/barang/tampilbarang.php silahkan coba satu-persatu apakah ada error? :v script sudah di coba di saya 100% berhasil bro, jika ada error silahkan tinggalkan komentar, semoga nanti bisa membantu bro.
Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar :