Belajar Laravel Bagian 10: Membuat CRUD Hapus Data

Pada seri belajar Laravel bagian 9, kita telah belajar bagaimana cara membuat CRUD edit data. Dalam artikel belajar Laravel bagian 10 ini, kita akan melengkapi CRUD di Laravel dengan menambahkan fungsi hapus pada data pegawai yang telah kita buat sebelumnya. Ikuti pembahasannya berikut ini. 

Sama seperti panduan CRUD Laravel kami yang lain, dalam panduan ini kami juga akan menggunakan Query Builder untuk membuat fungsinya. Jika Anda belum membaca atau mengikuti artikel CRUD sebelumnya, Anda dapat mempelajarinya melalui tautan berikut. Sedangkan untuk menghapus data, Anda dapat mengikuti langkah-langkah berikut ini.  

Langkah 1: Membuat Route untuk Hapus Data

Untuk membuat fitur hapus data di Laravel, langkah pertama yang harus dilakukan adalah membuat route Hapus data. Silakan tambahkan route hapus data di files routes/web.php.

Route::get('/pegawai/hapus/{id}', [PegawaiController::class, 'hapus']);

Langkah 2: Membuat Method Hapus di Controller

Langkah berikutnya, kita buat method hapus data. Silakan tambahkan method hapus di file Controller pada file app/Http/Controllers/PegawaiController.php.

public function hapus($id)
{
    // Hapus data pegawai berdasarkan id
    DB::table('pegawai')->where('pegawai_id', $id)->delete();

    // Alihkan kembali ke halaman utama
    return redirect('/pegawai')->with('success', 'Data pegawai berhasil dihapus');
}

Parameter ID digunakan untuk memilih data mana yang ingin dihapus. Setelah data yang ditemukan dihapus, maka halaman website akan di redirect ke menu pegawai kembali. 

Emmm, sepertinya perlu ditambahkan juga popup notifikasi untuk mengantisipasi salah klik tombol hapus. Mari dibuat di langkah berikutnya.

Langkah 3: Menambahkan Tombol Hapus di View

Membuat tombol hapus di view. Silakan Edit file view yang ada di  resources/views/pegawai/index.blade.php, ubah dengan code berikut

<td>
    <a href="/pegawai/edit/{{ $p->pegawai_id }}">Edit</a> |
    <a href="/pegawai/hapus/{{ $p->pegawai_id }}" onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')">Hapus</a>
</td>

Kode ini kita gunakan untuk melakukan konfirmasi sebelum data benar-benar dihapus dari databases. Ini digunakan untuk mengantisipasi bilamana tidak sengaja menekan tombol hapus.

Langkah 4: Testing

Oke. Yang Terakhir, mari kita lakukan testing pada menu edit yang baru saja dibuat.  Silakan jalankan perintah berikut melalui terminal:

 php artisan serve 

Kemudian akses url http://127.0.0.1:8000/pegawai. Selanjutnya, lakukan testing edit pegawai.

Klik salah satu data yang ingin dihapus.

Tampil popup, silakan klik Oke untuk menghapus.

Terlihat data sudah berhasil dihapus. Mudah kan?

Kesimpulan

Lengkap sudah materi belajar CRUD Laravel menggunakan Query Builder. Ternyata, membuat CRUD di Laravel dengan Query Builder sangat mudah, bukan?

Fitur CRUD ini sudah bisa kita terapkan untuk mengelola data pegawai sepenuhnya. Pada pembelajaran selanjutnya, kita akan belajar tentang membuat pagination di Laravel.

Makin seru kan belajar Laravel bersama Rumahweb? Ikuti terus artikel kami tentang belajar Laravel bagian selanjutnya yang akan kami terbitkan tiap bulan. Semoga bermanfaat.