Setelah kalian mempelajari cara menampilkan data dari database mysql dengan php, sekarang kalian lanjutkan ke materi selanjutnya yaitu cara membuat aksi udah & hapus pada php. Kurang lengkap rasanya jika halaman view data tidak mempunyai fitur ubah dan hapusnya. Aksi ubah berguna untuk mengubah data member jika sewaktu-waktu ada perubahan, dan aksi hapus berfungsi untuk menghapus data member, jika sewaktu-waktu member ingin mengundurkan diri dari sistem member suatu website.
Jangan lupa berdoa agar urusan kita diberi kemudahan oleh Allah SWT Tuhan sang Maha Kuasa.
Materi sebelumnya :
Mari langsung ke inti tutorial nya.
Sebelumnya silahkan tambahkan sedikit kode yang yang bergaya bold ke kode yang telah kalian buat, jika kalian sudah membaca cara menampilkan data dari database mysql dengan php. Kode tersebut bertujuan untuk menampilkan kolom baru yang terdapat menu aksi ubah dan hapus.
<?php
include 'koneksi.php';
echo '
<br>
<body bgcolor="#F5DEB3">
<center>
<h3>DATA MAHASISWA</h3>
<table border="1" cellpadding="4" cellspan="">
<tr bgcolor="#CD853F">
<th>NO</th>
<th>NIM</th>
<th>NAMA</th>
<th>JURUSAN</th>
<th>ALAMAT</th>
<th colspan="2">AKSI</th>
</tr>
<tr>';
$i=0; //inisialisasi untuk penomoran data
//perintah untuk menampilkan data
$tampil = "SELECT * FROM data_mahasiswa";
//perintah menampilkan data
$sql = mysql_query($tampil);
//tampilkan seluruh data yang ada pada tabel user
while($data = mysql_fetch_array($sql)){
$i++;
echo "
<td align='center'>".$i."</td>
<td>".$data['nim']."</td>
<td>".$data['nama']."</td>
<td align='center'>".$data['jurusan']."</td>
<td align='center'>".$data['alamat']."</td>
<td><a href='form_ubah.php?nim=$data[nim]'>Ubah</a></td>
<td><a href='hapus.php?nim=$data[nim]'>Hapus</a></td>
</tr>";
}
echo "</table></center></body>";
?>
Berikut tampilannya jika sudah ditambahkan sedikit kode tadi.
1. Silahkan buat file form_ubah.php, berikut kodenya.
Sebelumnya silahkan tambahkan sedikit kode yang yang bergaya bold ke kode yang telah kalian buat, jika kalian sudah membaca cara menampilkan data dari database mysql dengan php. Kode tersebut bertujuan untuk menampilkan kolom baru yang terdapat menu aksi ubah dan hapus.
<?php
include 'koneksi.php';
echo '
<br>
<body bgcolor="#F5DEB3">
<center>
<h3>DATA MAHASISWA</h3>
<table border="1" cellpadding="4" cellspan="">
<tr bgcolor="#CD853F">
<th>NO</th>
<th>NIM</th>
<th>NAMA</th>
<th>JURUSAN</th>
<th>ALAMAT</th>
<th colspan="2">AKSI</th>
</tr>
<tr>';
$i=0; //inisialisasi untuk penomoran data
//perintah untuk menampilkan data
$tampil = "SELECT * FROM data_mahasiswa";
//perintah menampilkan data
$sql = mysql_query($tampil);
//tampilkan seluruh data yang ada pada tabel user
while($data = mysql_fetch_array($sql)){
$i++;
echo "
<td align='center'>".$i."</td>
<td>".$data['nim']."</td>
<td>".$data['nama']."</td>
<td align='center'>".$data['jurusan']."</td>
<td align='center'>".$data['alamat']."</td>
<td><a href='form_ubah.php?nim=$data[nim]'>Ubah</a></td>
<td><a href='hapus.php?nim=$data[nim]'>Hapus</a></td>
</tr>";
}
echo "</table></center></body>";
?>
Berikut tampilannya jika sudah ditambahkan sedikit kode tadi.
1. Silahkan buat file form_ubah.php, berikut kodenya.
<?php
include 'koneksi.php';
$nim = $_GET['nim'];
$show = mysql_query("SELECT * FROM data_mahasiswa WHERE nim='$nim'");
$data = mysql_fetch_assoc($show);
?>
<html>
<body>
<title>UBAH DATA MAHASISWA</title>
<br>
<body bgcolor="#F5DEB3">
<center>
<h3>UBAH DATA MAHASISWA</h3>
<form action="proses_ubah.php" method="post">
<table border="1" cellpadding="4" cellspan="">
<tr bgcolor="#CD853F">
<td>NIM</td>
<td><input type="text" name="nim" size="30" maxlength="8" value="<?php echo $data['nim'] ?>"></td>
</tr>
<tr bgcolor="#CD853F">
<td>NAMA</td>
<td><input type="text" name="nama" size="30" maxlength="30" value="<?php echo $data['nama'] ?>"></td>
</tr>
<tr bgcolor="#CD853F">
<td>JURUSAN</td>
<td><input type="text" name="jurusan" size="30" maxlength="25" value="<?php echo $data['jurusan'] ?>"></td>
</tr>
<tr bgcolor="#CD853F">
<td>ALAMAT</td>
<td><input type="text" name="alamat" size="30" maxlength="50" value="<?php echo $data['alamat'] ?>"></td>
</tr>
<tr bgcolor="#CD853F">
<td colspan="2" align="center">
<input type="submit" name="simpan" value="Simpan">
<a href="view_data.php">Kembali</a>
</td>
</tr>
</table>
</form>
</body>
</html>
Jika tombol Ubah pada kolom aksi pada file view_data.php di klik, maka browser akan mengarah ke halaman form_ubah.php.
Berikut tampilannya.
Berikut tampilannya.
2. Lalu buat file proses_ubah.php.
<?php
// mulai proses edit data
// cek dahulu, jika tombol simpan di klik
if(isset($_POST['simpan'])){
// inlcude atau memasukkan file koneksi ke database
include('koneksi.php');
// jika tombol simpan benar di klik maka lanjut prosesnya
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$jurusan = $_POST['jurusan'];
$alamat = $_POST['alamat'];
// melakukan query dengan perintah UPDATE untuk update data ke database dengan kondisi WHERE nim='$nim' <- diambil dari inputan hidden nim
$update = mysql_query("UPDATE data_mahasiswa SET nim='$nim', nama='$nama', jurusan='$jurusan', alamat='$alamat' WHERE nim='$nim'") or die(mysql_error());
// jika query update sukses
if($update){
echo 'Data berhasil di simpan! '; // Pesan jika proses simpan sukses
echo '<a href="view_data.php">Kembali Ke View Data</a>'; // membuat Link untuk kembali ke halaman edit
}else{
echo 'Gagal menyimpan data! '; //Pesan jika proses simpan gagal
echo '<a href="form_ubah.php?id='.$nim.'">Kembali</a>'; //membuat Link untuk kembali ke halaman edit
}
}else{ //jika tidak terdeteksi tombol simpan di klik
//redirect atau dikembalikan ke halaman edit
echo '<script>window.history.back()</script>';
}
?>
Jika tombol Simpan pada form_ubah.php diklik maka browser akan mengarah ke halaman proses_ubah.php.
Berikut tampilannya jika berhasil menyimpan data yang telah diubah.
3. Sekarang tinggal buat file hapus.php, berikut kodenya.
<?php
//memulai proses hapus data
//cek dahulu, apakah benar URL sudah ada GET nim -> hapus.php?nim=$nim
if(isset($_GET['nim'])){
//inlcude atau memasukkan file koneksi ke database
include('koneksi.php');
//membuat variabel $nim yg bernilai dari URL GET nim -> hapus.php?nim=$nim
$nim = $_GET['nim'];
//cek ke database apakah ada data mahasiswa dengan nim='$nim'
$cek = mysql_query("SELECT nim FROM data_mahasiswa WHERE nim='$nim'") or die(mysql_error());
//jika data siswa tidak ada
if(mysql_num_rows($cek) == 0){
//jika data tidak ada, maka redirect atau dikembalikan ke halaman beranda
echo '<script>window.history.back()</script>';
}else{
//jika data ada di database, maka melakukan query DELETE table siswa dengan kondisi WHERE siswa_id='$id'
$del = mysql_query("DELETE FROM data_mahasiswa WHERE nim='$nim'");
//jika query DELETE berhasil
if($del){
echo 'Data mahasiswa berhasil di hapus! '; //Pesan jika proses hapus berhasil
echo '<a href="view_data.php">Kembali Ke View Data</a>'; //membuat Link untuk kembali ke halaman beranda
}else{
echo 'Gagal menghapus data! '; //Pesan jika proses hapus gagal
echo '<a href="view_data.php">Kembali Ke View Data</a>'; //membuat Link untuk kembali ke halaman beranda
}
}
}else{
//redirect atau dikembalikan ke halaman beranda
echo '<script>window.history.back()</script>';
}
?>
Jika tombol Hapus pada kolom aksi pada file view_data.php di klik, maka browser akan mengarah ke halaman hapus.php.
Berikut tampilannya jika berhasil menghapus data.
Berikut tampilannya jika berhasil menghapus data.
4. Cukup sampai disini & selesai.
Silahkan ulangi bagaimana cara membuat aksi ubah dan hapus pada PHP sampai benar-benar paham dan hafal. Kalian bisa mengembangkannya sendiri, dengan menambah jumlah input data, mengubah warna background & tabel, mengubah tampilan tabel, dll. Tunjukkan kreatifitas kalian di dunia pemerograman web, karena menurut saya kreatifitas itu tidak ada batasnya, selama tidak melampaui kudrat Illahi. Jangan lupa dirikan shalat 5 waktu dan kewajiban dalam beragama Islam lainnya, agar kita selalu diberi kemudahan dalam belajar pemerograman web oleh Allah SWT Tuhan semesta alam. Strugle for trying php exercise. See you next time.
PHP is Keren
Tapa PHP, halaman web tidak akan dinamis, walaupun masih ada bahasa pemerograman web berbasis server lainnya.
Tidak ada komentar:
Posting Komentar