Laporan Praktikum 9 Pemrograman Web
MANAJEMEN USER
Buat controller resource untuk fitur manajemen user dengan command:
php artisan make:controller UserController –resource
Perintah ini digunakan untuk membuat controller baru di Laravel yang secara otomatis memiliki metode-metode standar CRUD (Create, Read, Update, Delete).
Tambahkan kode berikut di dalam file web.php dalam folder routes.
use App\Http\Controllers\UserController;
Route::resource(‘users’, UserController::class);
Kode ini untuk membuat rute-rute lengkap CRUD otomatis pada controller UserController. Jika dilihat menggunakan command php artisan route:list, dapat dilihat sudah ada route create, show, update, destroy, dan edit.
FILE USERCONTROLLER RESOURCE
Edit file User Controller yang berada di direktori app/Http/Controllers/UserController.php.
Kode ini mendefinisikan sebuah Laravel resource controller bernama UserController yang berisi metode-metode standar untuk menangani operasi CRUD (Create, Read, Update, Delete) pada data users.
CREATE USERS
Ganti function create pada UserController menjadi:
Perintah return view(‘user.create’) artinya menampilkan view create pada folder user, selanjutnya buat folder user didalam folder view, kemudian tambahkan file create.blade.php dan isikan dengan kode program berikut ini.
Tambahkan file css dan javascript select2 kedalam layout main.blade.php
Gunakan juga script di bawah untuk mengubah elemen <select> dengan class select2-multiple menjadi dropdown yang lebih interaktif, dengan fitur:
Buat form inputan create user, edit views/create.blade.php menjadi seperti kode program berikut.
TAMPILAN FORM INPUTAN USER
READ / LIST USERS
Untuk menampilkan data user kita akan menggunakan method GET yaiitu http://localhost/users yang mana route ini merupakan action index pada UserController, buka action index kemudian edit menjadi seperti kode program berikut.
Selanjutnya buat file dengan nama index.blade.php pada folder views/user
Tambahkan file css datatable pada bagian head main.blade.php dan file js datatables pada bagian bawah main.blade.php.
Selanjutnya menambahkan button untuk membuka form tambah user seperti kode program
berikut.
<p>
<a href=”{{ route(‘users.create’) }}” class=”btn btn-primary btn sm”>Tambah User</a>
</p>
TAMPILAN LIST USER
UPDATE USERS
Buat tombol edit pada tampilan list user, silahkan buka file user/index.blade.php pada kolom [action] ganti dengan kode berikut ini.
<a href=”{{ route(‘users.edit’, $user->id) }}” class=”btn btn-sm btn-success”>Edit</a>
Selanjutnya buka action edit pada UserController dan isikan denga kode program berikut.
buat view didalam folder user/edit.blade.php dan isikan dengan kode program berikut.
TAMPILAN FORM EDIT USER
Selanjutnya buka action update pada UserController kemudian isikan dengan kode program
berikut ini.
Coba lakukan perubahan pada data untuk melihat apakah program berfungsi dengan baik
Untuk mengujinya, saya akun merubah nama Admin Aplikasi menjadi Admin.
Before:
After:
DELETE USER
Tambahkan tombol atau link pada list user, buka view user/index.blade.php dan tambahkan kode program berikut dibawah link edit.
Selanjutnya buka action destroy pada UserController dan isikan dengan kode program berikut ini.
Ketika diklik salah satu tombol hapus maka akan muncul pop up dialog peringatan
Jika kita tekan oke, maka data akan dihapus
MENAMBAHKAN MENU USERS
buka view Layouts/sidebar.blade.php kemudian tambahkan kode program berikut.
Sehingga pada aplikasi akan muncul menu users
