Laporan Praktikum 9 Pemrograman Web

LARAVEL AUTH, CRUD Multi Level User (2)

Aliffia Humairah - 2311531004

---

5. Manajemen Users

Selanjutnya membuat fitur manajemen users, kita akan menggunakan fungsi keseluruhan CRUD maka kita akan buat controller resource , buka terminal/CMD kemudian ketikkan perintah berikut.

php artisan make:controller UserController –resource

Selanjutkan 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 silahkan 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 didalam folder view, kemudian tambahkan file create.blade.php dan isikan dengan kode program berikut ini.

Selanjutnya tambahkan file css dan javascript select2 kedalam layout main.blade.php

link href=https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css rel="stylesheet"

script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"

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 dibawah 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 bahian 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.

Sehingga tampilan list user menjadi seperti gambar dibawah 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 menamilkan 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.

a href="{{ route('users.edit', $user->id) }}" class="btn btn-sm btn-success">Edit

Jika salah satu tombol diatas diklik maka akan menghasilkan string url http://localhost/users/{user}/edit yang mana {user} merupakan id dari user yang di klik. Selanjutnya buka action edit pada UserController dan isikan denga kode program berikut.

Kode diatas akan mengambil data user berdasarkan id user yang diidapatkan dan ditampung pada variable $user dan dikrimkan ke view user.edit, silahkan buat view didalam 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 gambar dibawah ini.

Setelah diganti nama user tersebut klik simpan, jika berhasil maka akan diredirect 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.

Keitka diklik salah satu tombol hapus maka akan muncul pop up dialog peringatan apakah data akan dihapus seperti gambar dibawah ini.

Jika kita tekan oke maka data akan dihapus, jika data berhasil dihapus maka akan muncul pesan seperti gambar berikut.

Menambahkan Menu Users

Silahkan buka view Layouts/sidebar.blade.php kemudian tambahkan kode program berikut.

Sehingga pada aplikasi akan muncul menu users seperti gambar berikut ini.