Laravel Learning Journey #5: Delete Data dan Finalisasi CRUD Application - Perwira Learning Center

 

1. Latar Belakang

    Setelah pada artikel sebelumnya saya membahas proses Update untuk memperbaiki data yang telah tersimpan, tahap terakhir dalam rangkaian operasi CRUD adalah Delete, yaitu proses menghapus data yang sudah tidak diperlukan dari database. Dengan adanya Create, Read, Update, dan Delete, maka sebuah aplikasi dapat dikatakan telah memiliki pengelolaan data yang lengkap.

    Selain itu, sebagai tahap finalisasi CRUD application, saya juga melakukan perapihan dan mempercantik tampilan dengan membuat layout blade utama agar struktur tampilan lebih rapi dan konsisten pada halaman index, create, dan update. Dengan demikian, aplikasi CRUD yang dibangun tidak hanya berfungsi secara logika, tetapi juga memiliki tampilan yang lebih terstruktur dan nyaman digunakan.

2. Alat dan Bahan

A. Perangkat Lunak

- Sistem Operasi Linux (atau yang lain)

- Visual Studio Code

- XAMPP (MySQL dan Apache untuk database)

- PHP 8.2+

- Composer

- Bootstrap 5

B. Perangkat Keras

- Laptop / PC

3. Pembahasan

    Setelah kita bisa membuat (create), menampilkan (read), dan mengubah (update) data, selanjutnya kita juga perlu bisa menghapus data yang sudah tidak diperlukan lagi. Ini merupakan tahap akhir dari operasi CRUD yang lengkap.

3.1 Buat Route Baru

1. Buka "routes/web.php" dan tambahkan route baru, yaitu:

• DELETE -> Menghapus data produk yang tidak diperlukan

3.2 Buat Method di Controller

1. Buka "app/Http/Controllers/ProdukController.php" dan tambahkan method "destroy"

3.3 Tambahkan Aksi Delete pada Index

1. Buka "resources/views/produk/index.blade.php"

2. Tambahkan aksi delete beserta methodnya

3.4 Menguji Delete Data

1. Jalankan dengan "php artisan serve" dan akses route "/produk"

2. Hapus produk6

3.5 Finalisasi CRUD Application

1. Buat layout blade dengan membuat file "app.blade.php" di folder baru yang bernama "layouts/" agar tidak perlu mengulang struktur kode secara berkali-kali 

2. Buat navbar dan container yang akan diisi dengan konten (index, create, dan update), cantumkan link bootstrap untuk desain aplikasi

2. Panggil layouts di halaman index, create, dan update

3. Percantik aplikasi menggunakan bootstrap 5

3.6 Hasil Akhir

1. Halaman Index

2. Form Tambah

3. Form Edit

4. Daftar Pustaka

iqbalroni. (2025). Laravel 12 Tutorial #14: Hapus Data Dengan Mudah di Laravel 12 (CRUD Cocok Bagi Pemula!). Youtube. https://youtu.be/HwXZxhYUPpA?si=tas-ylLYqtYyjR3a