Belajar PHP : Cara Edit Update Hapus Data Mysql

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.

 

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.

READ :  Belajar PHP: Script Simpan, Insert Data (Database Mysql)

Ok, selsai.

Baca Juga:

Web Hosting Cpanel Murah Server Indonesia