Tutorial CRUD PHP Part # 5 : Delete Hapus Data PHP dan Mysql
 |
| Tutorial CRUD PHP Part # 5 : Delete Hapus Data PHP dan Mysql |
pada tutorial part # 4 : Update Mengubah data PHP Mysql seblumnya, kita telah
menyelesaikan Module Update pada Module CRUD PHP dengan Database Mysql.
pada tutorial part # 5 ini kita akan membahas Module Terakhir dari Module CRUD
PHP dengan database mysql, ya itu Module Delete, sama seperti artinya delete
"Hapus", module delete ini di gunakan untuk menghapus data, jika data
yang kita simpan di dalam. database. sudah tidak dipergunakan lagi.
langsung saja kita masuk ketutorial nya.
1.Buat Model Delete Produk
untuk menghapus data produk kita juga memerlukan sebuah model yang akan
menangani prosea delete data ini. sama hal nya dengan fungsi CRUD yang lain.
di dalam model ini kita akan mengirimkan sebuah data id atau kode barang
sebagai primary key nya, untuk menentukan data mana yang akan di hapus.
pada folder Model, buat sebuah file baru dan. berinama
delete_produk.php,
model ini akan kita requaire atau kita panggil di halaman list prosuk,
karna pada halaman liat produk, kita telah membuat button yang akan
menjalankan perintah untuk menghapus data produk. untuk isi dari model
delete_produk ini seperti koding berikut.
Codinh Model delete_produk.php
<?php
/**
* fungsi untuk Hapus Data
*/
require_once '../config/database.php';
$target_dir = "../img-produk/";
if (isset($_POST['hapus-produk'])) {
$id = $_POST['k01cKodebarang_v50'];
$query_GetNamaGambar = "select f05cNamaGamabar_v100 from tblbarang where k01cKodebarang_v50 = '$id'";
$result = mysqli_query($koneksi, $query_GetNamaGambar);
//cek apakah data ada /tidak
if ($result) {
//echo "data ada";
//ambil Nama file gambarnya
while ($row = mysqli_fetch_array($result)) {
$prmf05cNamaGamabar_v100 = $row['f05cNamaGamabar_v100'];
}
//hapus file gambar dari folder
$image = $target_dir . $prmf05cNamaGamabar_v100;
if (unlink($image)) {
//jika berhasil menghapus file gambar
//jalakan query untuk hapus data
$query_hapusdata = "delete from tblbarang where k01cKodebarang_v50 = '$id'";
$hapusdata = mysqli_query($koneksi, $query_hapusdata);
if ($hapusdata) {
$status = 'berhasil';
$msg = "Data berhasil di hapus..";
} else {
$status = 'error';
$msg = "Gagal Menghapus data...";
}
} else {
$status = 'error';
$msg = "Gagal Menghapus file Gambar... $image ";
}
} else {
$status = 'error';
$msg = "Data $id tidak di temukan untuk di hapus..";
}
header("Location: ../index.php?pages=list-produk&status=$status&pesan=$msg");
}
penjelasan coding:
2. Mengirim Id kedalam. Model Hapus produk
seteleh menambahkan route untuk proses. hapus data produk, kita juga perlu
mengirim sebuah id atau kode barang yang mana kode barang ini akan di jadikan
sebagai key data mana yang akan di hapus, sama sperti proses update
data.
pada tabel di halaman list produk kita telah membuat sebuah button
hapus, button ini akan kita arahkan untuk emg akses route hapus produk dan
menjalankan module hapus produk.
bagaimana cara pengiriman id kedalam model hapus produk, untuk penjelasan
dapat di lihat pada cuplikan koding berikut ini.
disini kita akan mengirim kan data berupa kode barang sebagai id nya dan nama
barang kedalam modal bootstrap.
<a data-id="<?= $data_produk['k01cKodebarang_v50']; ?>" data-namaproduk="<?= $data_produk['f01cNamabarang_v50']; ?>" class="mdl-hapus btn btn-danger" data-bs-toggle="modal" data-bs-target="#ModalHapus">Hapus</a>
Penjelasan Coding:
data-id : tag modal untuk mengrim kode barang ke dalam modal boostrap
data
data-namaproduk : tag modal untuk mengirim nama dari barang yang akan
di hapus,
dalam kasus lain kita juga dapat mengirim. banyak data ke dalam modal ini,
tetapi untuk saat ini kita cuma perlu mengirim dua data saja yaitu data kode
barang dan nama barang
data-bs-target="#ModalHapus" : Id dari form modal bootstrap
3. Membuat validasi proses hapus data
sering kita jumpai pada kebanyakan aplikasi atau pun system, ketika kita akan
melakukan proses penghapusan data , akan muncul sebuah pop up atau pesan yang
memberikan pertanyaan apakah data ini akan di hapus.
pop up atau pesan ini sebenarnya juga sebagai salah satu langkah untuk
memvalidasi aksi atau action yang akan di lakukan user, sering terjadi salah
pilih atau pun salah klik tombol.
pada tutorial part 5 : menghapus data PHP dan mysql ini, kita akan coba
membuat pesan validasi serupa dengan menggunakan modal bootstrap. kita perlu
melakukan beberapa perubahan buka file view dari halaman list produk.php
dan tambahkan koding berikut pada bagian paling bawah,
Koding Modal Bootstrap.
<div class="modal fade" id="ModalHapus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Hapus Produk</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="./Model/delete_produk.php" method="Post">
<div class="modal-body">
<p id="pesan">Apakah Anda Yakin Akan Menghapus Produk..?</p>
<input type="hidden" name="k01cKodebarang_v50" id="k01cKodebarang_v50" value="" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-danger" name="hapus-produk">Hapus</button>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
$(document).on("click", ".mdl-hapus", function(e) {
e.preventDefault();
var prmkodeBarang = $(this).data('id');
var prmNamaBarang = $(this).data('namaproduk');
var PesanHapus = "Apakah Anda Yakin Akan Menghapus Data " + prmNamaBarang + "..?";
$("#pesan").html(PesanHapus);
$("#k01cKodebarang_v50").val(prmkodeBarang);
});
</script>
penjelasan coding:
- line 1- 20 : komponent modal bootstrap
- line 8 : tag form untuk memanggil model delete_produk.php
- line 11 : input text untuk menerima id atau kode barang yang di kirim dari button hapus, disini Input Text nya kita beri hidden type="hidden" agar tidak terlihat, dana values atau nilai dari input text ini yang akan kita kirim kedalam model delete_produk.php.
- line 14-15 : button hapus dan batal,
- line 22-31 : fungsi javascript untuk menangani pengambilan data id atau kode barang, dana nama produk yang di kitim melalui button delete pada list halaman produk.
- line 29 : mengisi nilai id atau Kode Barang yang dikrim dari button, kedalam input text pada line 11
kemudian untuk memposes data yang di kirim kedalam modal bootstrap nya kita ,
perlu menambahkan script javascript, letahkan pada bagian paling bawah file
view liat_produk.php dan tulis coding berikut ini.
sehingga secara keselurhan isi file view dari list_produk.php seperti berikut
ini.
koding full file view list_produk.php
<!-- pemanggilan model list produk -->
<?php require_once './Model/list_produk.php'; ?>
<div class="container">
<!-- pemanggilan component alert -->
<?php include 'Alert.php'; ?>
<div class="card">
<div class="card-body">
<h4 class="card-title">List Produk</h4>
<table class="table table-hover">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Kode</th>
<th scope="col">Nama</th>
<th scope="col">Satuan</th>
<th scope="col">Stock</th>
<th scope="col">Harga</th>
<th scope="col">Gambar</th>
<th scope="col">Option</th>
</tr>
</thead>
<tbody>
<?php
$No = 0;
$html = "";
while ($data_produk = mysqli_fetch_array($result)) {
$No += 1;
?>
<tr>
<td><?= $No; ?></td>
<td><?= $data_produk['k01cKodebarang_v50']; ?></td>
<td><?= $data_produk['f01cNamabarang_v50']; ?></td>
<td><?= $data_produk['f02cSatuan_v50']; ?></td>
<td><?= $data_produk['f03nStock_int']; ?></td>
<td><?= $data_produk['f04nHargaBarang_n92']; ?></td>
<td><img class="img-tbl" src="./img-produk/<?= $data_produk['f05cNamaGamabar_v100']; ?>" /> </td>
<td><a class="btn btn-info" href="index.php?pages=update-produk&id=<?= $data_produk['k01cKodebarang_v50']; ?>">Edit</a>
<a data-id="<?= $data_produk['k01cKodebarang_v50']; ?>" data-namaproduk="<?= $data_produk['f01cNamabarang_v50']; ?>" class="mdl-hapus btn btn-danger" data-bs-toggle="modal" data-bs-target="#ModalHapus">Hapus</a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal fade" id="ModalHapus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Hapus Produk</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="./Model/delete_produk.php" method="Post">
<div class="modal-body">
<p id="pesan">Apakah Anda Yakin Akan Menghapus Produk..?</p>
<input type="text" name="k01cKodebarang_v50" id="k01cKodebarang_v50" value="" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-danger" name="hapus-produk">Hapus</button>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
$(document).on("click", ".mdl-hapus", function(e) {
e.preventDefault();
var prmkodeBarang = $(this).data('id');
var prmNamaBarang = $(this).data('namaproduk');
var PesanHapus = "Apakah Anda Yakin Akan Menghapus Data " + prmNamaBarang + "..?";
$("#pesan").html(PesanHapus);
$("#k01cKodebarang_v50").val(prmkodeBarang);
});
</script>
save dan jalankan project nya, jika tidak ada kesalahan pada step" yang telah
di jelaskan maka hasil akhir dari program CRUD yang kita buat seperti berikut
ini.
 |
| Demo Runing Program |
samapai disini kita telah menyelesaikan Tutorial CRUD PHP part 5 : Delete
menghapus data. dankita juga telah menyelesaikan module terakhir dari Module
CRUD PHP yitu Module Delete.
untuk tutorial CRUD PHP dengan Database Mysql saya rasa cukup samapai disini,
untuk kedepan nya saya harap teman-teman bisa mengembangkan nya lebih jauh
lagi.
Berikut ini daftar Module CRUD PHP Dengan Database MySql yang telah kita
selesaikan.
list crud serialnya
jika ada masukan atau pertanyaan, serta materi apa yang ingin di bahas dan
kami buatkan tutorial nya, bisa berikan di kolom komentar, atau hubungin
kontak kami yang tersedia di blog ini.
Sekian Dan Terima kasih...
#Happy Coding
Incoming search terms:
- Belajar PHP dan Mysql
- Tutorial Bahasa Pemrograman PHP
- Tutorial PHP dan Mysql Bahasa Indonesia
- Tutorial Belajar PHP dan Mysql
- CRUD PHP MySql
- CRUD Mysql database dan PHP
- CRUD PHP dengan database Mysql
- Menampilkan data Php MySql
- Update data Php dan MySql
- Update Data Mysql Php
- Edit Data php mysql
- Insert data Php dan MySql
- Menampilkan Gambar dari database Php mysql
- menampilkan gambar php
Tags: Belajar PHP dan Mysql,Tutorial Bahasa Pemrograman PHP, trading, Tutorial PHP dan Mysql Bahas Indonesia ,Tutorial Belajar PHP dan Mysql,crypto currentsi, membuat web dinamis di PHP, investasi,CRUD PHP MySql,CRUD Mysql database dan PHP, CRUD PHP dengan database Mysql,create data php mysql, forex, Upload file php, input data php dan mysql, investasi saham, upload gambar php , saham online, creat data in phpMenampilkan data Php MySql,Read data Php dan MySql, Read Data Mysql Php,Insert data Php dan MySql,Menampilkan Gambar dari database Php mysql,menampilkan gambar php
0 Response to "Tutorial CRUD PHP Part # 5 : Delete Hapus Data PHP dan Mysql"
Posting Komentar