Belajar Script PHP mysql cara edit, update & hapus data + pesan notifikasi sederhana xampp localhost.
Langkah pertama untuk latihan edit, update & hapus data mysql PHP adalah tampilakan data terlebih dahulu baru di kasih menu (opsi) untuk edit / hapus.
Table of Contents
Database mysql
Buta database baru: belalar-php.sql
CREATE TABLE `data_siswa` ( `id` int(12) NOT NULL, `nama` varchar(25) NOT NULL, `alamat` varchar(200) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; INSERT INTO `data_siswa` (`id`, `nama`, `alamat`) VALUES (7, 'CV. ABC', 'Jakarta'), (8, 'Andreas', 'Bandung'); ALTER TABLE `data_siswa` ADD PRIMARY KEY (`id`); ALTER TABLE `data_siswa` MODIFY `id` int(12) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9; COMMIT;
Selanjutnya…
Script Konekasi database mysql PHP
Buat folder: xampp > htdocs > latihan-php> koneksi.php
<?php
// data akun database + nama database (password kosong)
$koneksi=mysqli_connect("localhost","root","","belajar_php");
if (mysqli_connect_errno()){ // cek kondisi jika koneksi berhasil
echo "Koneksi database gagal : " . mysqli_connect_error();}?>
Buat tabel view data
file baru: xampp > htdocs > belajar-php > tampil_data.php
<!DOCTYPE html>
<html>
<head>
<title>Tampil data siswa (tabel)</title>
</head>
<body style="padding:15px;">
<h4> Tampil data siswa:</h4>
Menu: <a href="tampil_data.php"> Tampil data </a> . <a href="input_data.php"> Tambah data </a><br><br>
<?php
session_start(); // session untuk notifikasi pesan
echo @$_SESSION['pesan'];
session_destroy();
?>
<table border="1">
<tr><th align="center">ID</th>
<td width="85" align="center">Nama</td>
<td width="155" align="center">Alamat</td>
<td width="85" align="center">Opsi</td>
</tr>
<?php
include"koneksi.php";
$data = mysqli_query($koneksi,"select * from data_siswa order by id desc");
while($d = mysqli_fetch_array($data)){?>
<tr>
<td><?php echo $d['id'];?></td>
<td><?php echo $d['nama'];?></td>
<td><?php echo $d['alamat'];?></td>
<td><a href="edit_data.php?id=<?php echo $d['id']; ?>">Edit</a> /
<a href="javascript:del(<?php echo $d['id'];?>)">Hapus</a></td>
</tr>
<?php
};
?>
</table>
<script language="JavaScript" type="text/javascript">
function del(id){
if (confirm("yakin akan menghapus data ini?")){
window.location.href = 'hapus_data.php?id=' + id;
}}
</script>
</body>
</html>
Note:
- Menambahkan kode session untuk tampilkan pesan
- session_destroy(); hapus pesan setelah proses query / load selesai.
- Javascripst untuk konfimasi hapus data
- opsi: edit & hapus data
Edit data Mysql PHP
Sistem kerja edit & update data pada data PHP mysql menggunakan bantuan ID sebagai index hapus, terus membuat form edit untuk tampilkan data yang akan di update berdasarkan ID yang di pilih.
Langkah pertama tambahkan kode opsi untuk link edit, mengambil data ID, dibawa ke URL:
<a href="edit_data.php?id=<?php echo $d['id']; ?>">Edit</a>
note: kode diatas sudah ada pada kode tampil data.
Form edit data
Membuat file Script form baru untuk edit data: belajar-php > edit_data.php
<!DOCTYPE html> <html> <head> <title>Input data siswa</title> </head> <body style="padding:15px;background:#ddd"> <h4> Form edit data siswa:</h4> <?php include 'koneksi.php'; $id = @$_GET['id']; // ambil data ID dari URL $data = mysqli_query($koneksi,"select * from data_siswa where id='$id'"); $d = mysqli_fetch_array($data);?> <form action="update_data.php?id=<?php echo $id ?>" method="post"> ID: <?php echo $d['id']; ?><br><hr> <input style="margin-bottom:10px;" type="text" name="nama" value="<?php echo $d['nama']; ?>"><br> <input style="margin-bottom:10px;" type="text" name="alamat" value="<?php echo $d['alamat']; ?>"><br> <button type="submit">Update</button> </form> </body> </html>
Note: jangan lupa pada kode <form> harus ada url action=update_data.php?id=<?php echo $id ?> untuk membawa ID dalam proses Update, karena setelah data di edit akan langsung di proses untuk UPDATE.
Pada form edit akan menampilkan data: nama / alamat berdasarkan ID yang di pilih sehingga bisa di edit -> update.
Update data PHP Mysql
Buat kode, Script untuk proses Update file: belajar-php > update_data.php
<?php
session_start();
include"koneksi.php"; // masukan konekasi DB
// ambil variable data
$nama=$_POST['nama'];
$alamat=$_POST['alamat'];
$id = @$_GET['id']; // ambil data ID di URL
//Proses query update
$update=mysqli_query($koneksi,"update data_siswa set nama='$nama', alamat='$alamat' where id='$id'");
if($update){
// pesan dengan sistem session
$_SESSION['pesan'] = '<font color=green>OK, 1 data berhasil diupdate.</font>';
header("location:tampil_data.php"); // kembali ke halaman tampil
}else{
echo "Gagal update data!";
}
?>
Note: kode update hanya untuk proses + ada pesan yang ditampilkan setelah proses update selesai. setelah itu akan dibawa kembali ke halaman: tampil_data.php
Hapus / delete data Mysql PHP
Proses hapus data PHP mysql cukup mudah, buat link (tombol) hapus berdasarkan ID yang dipilih selanjutnya di proses menuju query hapus + konfirmasi javascripst sebelum hapus, sehingga tidak ada salah pencet data hilang.
Kode hapus:
<a href="javascript:del(<?php echo $d['id'];?>)">Hapus</a>
Note: sudah ada di kode tampil data diatas + kode javascipst untuk konfirmasi sebelum data dihapus:
<script language="JavaScript" type="text/javascript"> function del(id){ if (confirm("yakin akan menghapus data ini?")){ window.location.href = 'hapus_data.php?id=' + id; }} </script>
Info: kode javascipts ditaruh dipaling bawah sebelum kode </body>.
Proses hapus data
Buat file Script baru: belajar-php > hapus_data.php
<?php
session_start();
include"koneksi.php"; // masukan konekasi DB
// ambil variable ID dari URL
$id = @$_GET['id'];
//Proses query hapus data
$del=mysqli_query($koneksi,"delete from data_siswa where id='$id'");
if($del){
$_SESSION['pesan'] = '<font color=green>OK, 1 data berhasil dihapus.</font>';
header("location:tampil_data.php"); // kembali ke tampil data
}else{
echo "Gagal hapus data!";
}?>
Note: setalah data berhasil dihapus sistem akan tampilkan pesan notifikasi dengan session & kembali ke halaman tampil data.
Ok, selsai.
Baca Juga: