Input Edit Delete pada web dengan PHP

STUDI KASUS

MEMBUAT WEB MOBIL

Database dan Tabel

Buatlah database, pada kasus ini dengan nama db_ukk. Setelah database selesai dibuat, buatlah tabel “mobil” yang field-field nya seperti pada gambar

Tampilan database db_ukk

Struktur penyimpanan file

Struktur penyimpanan file di C:Xampp/htdocs/webmobil. Dalam kasus ini nama web nya adalah webmobil. Di dalam folder web mobil terdapat folder gambar, yang nanti akan di gunakan untuk menampung file-file gambar. Dan folder admin, untuk menyimpan file-file admin.

Struktur penyimpanan file

Koneksi database

mysql_connect('localhost','root','');

mysql_select_db('db_ukk');

?>

File koneksi ini di simpan di folder admin

Halaman index admin

Tampilan index.php

View Mobil

Ketika di klik link mobil, maka akan muncul data mobil beserta link EDIT dan DELETE

Tampilan view_mobil.php

Script dari view_mobil.php

include('koneksi.php');

$baris=1;

echo "

Kode Mobil

Merk

Type

Warna

Harga

Gambar

Action

";

 if(empty($_GET['tcari']))

 {

 $query=mysql_query("SELECT * FROM mobil");

 }

 else

 $query=mysql_query("SELECT * FROM mobil WHERE kode_mobil LIKE '%".$_GET['tcari']."%'");

 while($data=mysql_fetch_array($query))

 {

 $warna=($baris% 2==1) ? "#999999" : "#0099FF";

 echo "

$data[kode_mobil]

$data[merk]

$data[type]

$data[warna]

Rp $data[harga_mobil],00

EDIT

DELETE

";

 $baris++;

 }

echo "

";

echo "";

?>

Uploadmobil.php

Klik link “input lagi” untuk menambahkan data mobil, maka admin akan di arahkan ke  halaman “upload_mobil.php”

Tampilan dari upload_mobil.php

Script dari upload_mobil.php

Penggalan script yang di mulai dari tag

Kode Mobil

:

Merk

:

Type

:

Warna

:

Harga

:

Gambar

:

Ketika seorang admin selesai menginput data mobil, kemudian di klik tombol kirim maka akan di arahkan ke halaman input_mobil.php

Tampilan dari input_mobil.php

Script dari input_mobil.php

include('koneksi.php');

$nama=$_FILES['gambar']['name'];

$lokasi=$_FILES['gambar']['tmp_name'];

$direktori="../gambar/$nama";

$move=move_uploaded_file($lokasi,"$direktori");

$query=mysql_query("INSERT INTO mobil (kode_mobil,merk,type,warna,harga_mobil,gambar)

VALUES ('$_POST[mobil]','$_POST[merk]','$_POST[type]','$_POST[warna]','$_POST[harga]','$nama')");

echo "";

?>

 

Edit mobil

Untuk melakukan editing/merubah data mobil, maka klik pada tombol link edit. Maka banti akan muncul data mobil yang akan di edit

Tampilan edit_mobil.php

Script edit_mobil.php

include('koneksi.php');

$query=mysql_query("SELECT * FROM mobil WHERE kode_mobil='$_GET[kode_mobil]'");

$edit=mysql_fetch_array($query);

echo "

Kode Mobil

:

                       

Merk

:

Type

:

Warna

:

Harga

:

           

Gambar

:

Pilih Gambar

:

"

?>

Setelah di edit data nya, kemudian klik kirim. Maka akan di arahkan ke halaman update_mobil.php

update_mobil.php

halaman update_mobil.php

script update_mobil.php

include('koneksi.php');

$nama=$_FILES['gambar']['name'];

$lokasi=$_FILES['gambar']['tmp_name'];

$direktori="../gambar/$nama";

$move=move_uploaded_file($lokasi,"$direktori");

if(empty($nama))

{

$query=mysql_query("UPDATE mobil SET kode_mobil='$_POST[mobil]',merk='$_POST[merk]',type='$_POST[type]',warna='$_POST[warna]',

harga_mobil='$_POST[harga]' WHERE kode_mobil='$_POST[kode_mobil]'");

echo "";

}

else if(!empty($nama))

{

$query=mysql_query("UPDATE mobil SET kode_mobil='$_POST[mobil]',merk='$_POST[merk]',type='$_POST[type]',warna='$_POST[warna]',

harga_mobil='$_POST[harga]',gambar='$nama' WHERE kode_mobil='$_POST[kode_mobil]'");

echo "";

}

?>

Hapus mobil

Untuk menghapus data mobil, klik link DELETE. Maka nanti data akan langsung terhapus dan muncul kotak dialog, pada file del_mobil.php

Kotak dialog del_mobil.php

Script dari Del_mobil.php

include('koneksi.php');

$query=mysql_query("DELETE FROM mobil WHERE kode_mobil='$_GET[kode_mobil]'");

echo "";

?>