Praktikum Web 9

Framework Laravel Authentication 2

Laravel CRUD User Management

Praktikum ini membahas implementasi manajemen user pada Laravel, meliputi fitur Create, Read, Update, Delete (CRUD), serta penambahan menu users.

Baca Laporan Kembali

Laporan Praktikum

Web 9 — Laravel User Management

Dokumentasi pembuatan fitur CRUD user menggunakan Laravel Framework.

Laporan Praktikum Web 9

Framework Laravel - Authentication 2

1. Manajemen Users

Buka terminal atau CMD kemudian ketikkan perintah berikut untuk membuat controller resource.

php artisan make:controller UserController --resource

Membuat UserController

Jika dilihat menggunakan route list, maka pemetaan route akan menjadi seperti berikut.

Route List

2. Create Users

Perintah return view('user.create') digunakan untuk menampilkan view create pada folder user.

Selanjutnya buat folder user di dalam folder views, kemudian tambahkan file create.blade.php.

Create User

3. Tambahkan File CSS dan JavaScript Select2

Tambahkan file CSS dan JavaScript Select2 ke dalam layout main.blade.php.

Select2

4. Edit user/create.blade.php

Masukkan kode program berikut sehingga tampilan form input user menjadi seperti gambar berikut.

Form Input User

5. READ / LIST USERS

Pada UserController, isi function store dengan kode program berikut.

Function Store

Selanjutnya pada UserController, isi function index dengan kode program berikut.

Function Index

Buat file dengan nama index.blade.php pada folder views/user dan isi dengan kode program berikut.

Index Blade

Tambahkan button untuk membuka form tambah user seperti kode program berikut.

Button Tambah User

6. UPDATE USERS

Buka file user/index.blade.php kemudian pada kolom action ganti dengan kode berikut.

Action Edit

Pada UserController, isi function edit dengan kode program berikut.

Function Edit

Buat view pada folder user/edit.blade.php kemudian isi dengan kode program berikut.

Edit Blade

Tampilan form edit user akan menjadi seperti berikut.

Form Edit User

7. DELETE USERS

Pada view user/index.blade.php tambahkan kode program berikut di bawah link edit.

Delete Button

Selanjutnya buka action destroy pada UserController dan isi dengan kode program berikut.

Destroy Function

Ketika tombol hapus ditekan, maka akan muncul popup dialog konfirmasi penghapusan data seperti berikut.

Popup Delete

Jika menekan tombol OK, maka data akan dihapus dan muncul notifikasi berhasil.

Delete Success

8. Menambahkan Menu Users

Buka file layouts/sidebar.blade.php kemudian tambahkan kode program berikut.

Sidebar Users

Setelah selesai, maka pada aplikasi akan muncul menu users seperti gambar berikut.

Menu Users