ASANOERDOTCOM – TRIK DAN TEKNIK SPA UNTUK CRUD BAGIAN HAPUS DATA

Assalamu ‘alaikum, selamat datang kembali aGan2. Asanoer doakan insyaAllah aGan2 coding party asanoerdotcom dalam keadaan sehat dan banyak rizQ di kesempatan dalam membaca artikel asanoer kali ini. Tentunya juga dengan tidak mengurangi kebaikan dalam kesempatan aGan2 di tempat lainnya, insyaAllah.

Artikel judul ini yaitu penambahan fasilitas Delete yang sesuai dengan istilah dalam CRUD yang sudah dikenal aGan2 tentunya. Jadi seharusnya artikel ini adalah penutup untuk CRUD dengan AJAX. Akan tetapi, dengan mencoba pengembangan-pengembangan dari asanoer, maka artikel ini hanya sebagai kelanjutan artikel sebelumnya yaitu ARTIKE SEBELUMNYA dan bukan menjadi penutup, insyaAllah.

Teknik dan Langkah-langkah

Seperti biasa dalam artikel asanoer, maka aGan2 diajak untuk mengikuti teknis dan step-stepnya yang semoga aGan2 tidak bosen, hehehe.

1. Buka Halaman Ini

Tidak wajib, namun dianjurkan oleh asanoer supaya aGan2 dapat membuka HALAMAN INI dengan tujuan untuk membaca sedikit petunjuk pokok yang asanoer sediakan dalam setiap proyek kecil dari asanoerdotcom. Berikut demo untuk penambahan modul hapus / delete ini.

DEMO DEMO DEMO

2. Modul Hapus (Delete)

Ya, sesuai dengan judul yang asanoer berikan, maka modul yang ditambahkan adalah modul hapus data user. Namun dibatasi hanya untuk penghapusan satu larik atau baris data dalam tabel. Baris tabel yang dihapus juga sesuai dengan pilihan dari user atau kduser.

Skrip modul hapus ini dapat dibuka melalui asanoer.com-index-delete.php. Sedangkan posisi modul hapus tersebut dapat aGan2 lihat dalam gambar berikut.

Gambar 01.  Posisi file skrip asanoer.com-index-delete.php dalam folder asanoer-modul
Gambar 01. Posisi file skrip asanoer.com-index-delete.php dalam folder asanoer-modul

Dan alur penghapusan dari asanoer adalah pilih user sesuai kduser yang akan dihapus, kemudian tampilkan sedikit kalimat “ucapan perpisahan” lalu terakhir tinggal klik tombol hapus. Teknik alur ini mirip dengan alur Create dan Update data sebelumnya. Yaitu jika aksi terebut tidak ada maka tampilkan form, nah kalau di hapus kali ini maka tekniknya hanya form yang targetnya hanya mengerah penghapusan data bukan lainnya.

Skrip hapus data ada dalam LINK LINK INI. Silahkan di copy and paste dengan file skrip asanoer.com-index-delete.php (sesuaikan nama file sesuai selera aGan2), hanya saja nanti posisi registri nama file dalam skrip asanoer.com-index-modul.php juga harus disesuaikan seperti dalam gambar berikut.

Gambar 02. Posisi baris skrip penambahan modul delete data pada asanoer.com-index-modul.php

Sedangkan diagram alur (flow Chart) dalat aGan2 pelajari di gambar ini.

Gambar 03. Alur / Flow Chart diagram proses skrip hapus data user

Dapat aGan2 lihat modul ini hanya boleh diakses dengan dua URL atau seperti modul Create dan modul Update sebelumnya. Yaitu saat tidak ada variabel aksi dan setelah URL mengandung variabel tersebut. Sehingga perlu dicek jika variabel aksi tidak ada maka tampilkan form atau kalimat konfirmasi penghapusan. Kemudian saat klik Hapus, maka otomatis proses akan masuk ke alur penghapusan data dalam database karena variabel aksi telah ada di URL yang diproses secara AJAX. Dalam praktiknya kalimat konfirmasi penghapusan biasanya tidak dalam halaman tersendiri sperti yang asanoer buat ini atau kebanyakan para programmer membuat konfirmasi penghapusan hanya dalam popup modal Yes / No saja. Hanya saja, asanoer membuatnya supaya dapat dipelajari cara alur-alur buat temen aGan2 semua yang baru saja terjun di dunia coding party ini.

3. Fasilitas Yang Ditambahkan

Mengikuti jduknya, maka fasilitas yang ditambahkan hanya proses pilih satu baris data kemudian masuk ke proses konfirmasi penghapusan baris data tersebut. Inilah gambar konfirmasi hapus setelah user pilih klik tombol hapus gambar tong sampah.

Gambar 04. Konfirmasi penghapusan salah data user kduser 10002

Tahap Uji Coba

Tahap uji coba yang asanoer kerjakan untuk modul ini adalah di bagian URLnya saja. Karena memaang tidak ada hal lainnya di halaman konfirmasi hapus data. Ujicoba ini ada di artikel lama di ARTIKEL LAMA. Dan uji coba ini seharusnya juga dilakukan untuk modul-modul sebelumnya Create, Update, ataupun di halaman Home.

1. URL halaman konfirmasi dengan kduser asal

Pengahpusan data di modul ini menggunakan URL modul “/#index-delete.php?kduser=XXXXX”. Dan asanoer mencoba memasukkan kduser dalam URL tersebut secara asal alias kduser yang tidak terdaftar di database. Maka halaman langsung mengarah blank dan langsung ke Home.

Gambar 05. Blank page atau halaman kosong saat pindah halaman ke HOME

2. URL target dipaksa dengan kduser asal

Ujicoba ini berarti mengakses URL target “delete.php?aksi=hapuskan&kduser=XXXXX” langsung di address bar browser. Maka hasilnya, walupun kduser benar tapi halaman akan menghasilkan kalimat ” Tidak dapat diakses langsung !!! ” saja.

Gambar 06. Tidak dapat diakses langsung !!!

Sumber-sumber :

  • Semua ilmu datang dari Allah SWT.
  • Grup PHP Indonesia (FB) dan beberapa artikel dari gugel.
  • Gambar, dari screenshoot DEMO INI.

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.