Laravel Auth dan CRUD Multi Level User Part 2

Published: 11 Juni 2025 | Author: Ezza Addini

Praktikum ini bertujuan agar mahasiswa dapat memahami terkait auth dan menjalankan CRUD dalam Laravel.

Tools yang digunakan:

  • Computer / Laptop
  • XAMPP: Web server lokal untuk menjalankan Apache dan MySQL.
  • Visual Studio Code: Sebagai code editor.
  • Composer, Git, Node JS, NPM: Untuk manajemen paket dan dependensi.
Langkah-Langkah Praktikum

  1. Buat Controller Resource: Jalankan perintah php artisan make:controller UserController --resource untuk membuat controller CRUD otomatis.

    Command make controller resource
    Gambar 1: Membuat UserController sebagai resource controller.

  2. Daftarkan Route Resource: Tambahkan kode Route::resource('users', UserController::class); di web.php untuk menghubungkan URL ke controller.

    Route resource
    Gambar 2: Pemetaan route resource menggunakan Laravel.

  3. Buat Form Create User: Tambahkan method create() untuk menampilkan form create dan tambahkan plugin Select2 untuk dropdown level user.

    Form create user
    Gambar 3: Form input data user baru menggunakan Select2.
    Form create user
    Gambar 4: Tampilan form input data user baru menggunakan Select2.

  4. Simpan Data dengan Store: Data dari form disimpan ke database menggunakan method store() dan model User.

    Store data user
    Gambar 6: Menyimpan data user baru ke database melalui method store().

  5. Tampilkan Daftar User: Gunakan method index() dan view index.blade.php untuk menampilkan semua user menggunakan DataTables.

    Index users
    Gambar 7: Method index().
    Index users
    Gambar 8: Tampilan daftar user dengan fitur DataTables.

  6. Edit User: Buat tombol edit pada daftar user yang mengarahkan ke method edit() dan menampilkan form untuk update data.

    Edit user form
    Gambar 9: Method edit() untuk mengedit data user.

  7. Update Data User: Gunakan method update() untuk menyimpan perubahan data user ke database.

    Update user
    Gambar 10: Proses penyimpanan data user setelah diedit.

  8. Hapus User: Tambahkan method destroy() untuk menghapus data user dari database.

    Delete user confirmation
    Gambar 11: Methode destroy().

  9. Tampilan Hapus User: Tampilkan feedback konfirmasi untuk menghapus data user dari database.

    Delete user confirmation
    Gambar 12: Konfirmasi saat akan menghapus data user.
    Delete user confirmation
    Gambar 13: Tampilan setelah data berhasil dihapus.

  10. Tambahkan Menu Sidebar: Tambahkan link ke halaman user di file sidebar.blade.php agar bisa diakses dari navigasi.

    Sidebar menu user
    Gambar 14: Modifikasi sidebar.blade.php.
    Sidebar menu user
    Gambar 14: Menu "Users" muncul di sidebar aplikasi.
Penutup

Praktikum ini memberikan pemahaman tentang bagaimana menjalankan web dengan framework, melakukan migrasi data, serta kustomisasi tampilan web menggunakan template dari Bootstrap.

Kembali ke Daftar Laprak