Annyeong, yeorobun! ^^
Kali ini, kita akan melanjutkan proyek pada pertemuan 8 kemarin. Laporan praktikum pertemuan 8 dapat diakses di sini.
MANAJEMEN USERS
Selanjutnya yakni membuat fitur manajemen users. Kita akan menggunakan fungsi keseluruhan CRUD, maka kita akan membuat controller resource dengan buka terminal kemudian ketikkan perintah php artisan make:controller UserController –resource selanjutnya, tambahkan kode program berikut pada route web.
Sehingga, jika dilihat pemetaan route php artisan route:list menjadi seperti gambar di bawah ini.
File UserController Resource
Create Users
Route untuk menamilkan view form tambah data users adalah users/create. Buka file UserController kemudian pada action create edit kode program menjadi seperti berikut.
Perintah return view(‘user.create’) artinya menampilkan view create pada folder user, selanjutnya buat folder user di dalam folder view, kemudian tambahkan file create.blade.php dan isikan dengan kode program berikut ini.
Selanjutnya, tambahkan file css dan javascript select2 ke dalam layout main.blade.php
Selanjutnya membuat form inputan create user, silahkan edit user/create.blade.php menjadi seperti kode program berikut.
Sehingga tampilan form inputan user menjadi seperti gambar di bawah ini.
Selanjutnya, buka action store pada UserController kemudian isikan kode program berikut.
Form create user menggunakan method POST yang akan dikirimkan ke action store dengan route
users.store, selanjutnya pada action store akan ditangkap isi form create user dengan cara
$request->get(‘nama input’) kemudian disimpan pada table user dengan cara instance model
User dengan cara $user = new \App\Models\User setelah itu assign sesuai dengan nama field.
Untuk menyimpan kedalam database User menggunakan perintah $user->save, jika data berhasil
disimpan akan di redirect ke route users.index dengan mebawa session status.
READ / LIST USERS
Selanjutnya setelah fungsi create selesai kita akan menampilkan data user, 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 fille dengan nama index.blade.php pada folder views/user dan isi dengen kode
program berikut
Karena menggunakan datatables tambahkan file css datatable pada bagian head main.blade.php dan file js datatables pada bagian bawah main.blade.php.
Selanjutnya, tambahkan button untuk membuka form tambah user seperti kode program berikut.
Sehingga tampilan list user menjadi seperti gambar di bawah ini.
UPDATE USERS
Selanjutnya untuk melakukan proses update data user terlebih dahulu kita buatkan tombol action
yang mengarahkan pada route users/edit/{user}/edit atau action edit pada UserController untuk
menampilkan form dan menggunakan route users/edit/{user} untuk method PUT. Pertama-tama
kita akan membuat tombol edit pada tampilan list user, silahkan buka file user/index.blade.php
pada kolom [action] ganti dengan kode berikut ini.
Jika salah satu tombol di atas diklik, maka akan menghasilkan string url http://localhost/users/{user}/edit yang mana {user} merupakan id dari user yang diklik. Selanjutnya buka action edit pada UserController dan isikan dengan kode program berikut.
Kode ini akan mengambil data user berdasarkan id user yang didapatkan dan ditampung pada variable $user dan dikirimkan ke view user.edit, silahkan buat view di dalam folder user/edit.blade.php dan isikan dengan kode program berikut.
Sehingga tampilan form edit user menjadi seperti gambar berikut ini.
Selanjutnya buka action update pada UserController kemudian isikan dengan kode program berikut ini.
Selanjutnya kita akan mencoba melakukan perubahan data user seperti ini.
Setelah diganti nama user tersebut klik simpan, jika berhasil maka akan di-redirect ke halaman
users dengan menampilkan alert success seperti gambar berikut.
DELETE USERS
Tambahkan tombol atau link pada list user, silahkan 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 apakah data
akan dihapus seperti gambar di bawah ini.
Jika kita tekan oke maka data akan dihapus, jika data berhasil dihapus maka akan muncul pesan
seperti gambar berikut.
ADD MENU USERS
Buka view Layouts/sidebar.blade.php kemudian tambahkan kode program berikut.
Sehingga pada aplikasi akan muncul menu users seperti gambar berikut ini.
Sekian praktikum pemrograman web #9 yang menjadi part 2 saya ini, mohon tinggalkan kritik dan saran yang membangun. Graciaas! <3