{"id":200,"date":"2025-06-17T20:57:47","date_gmt":"2025-06-17T20:57:47","guid":{"rendered":"https:\/\/indahsyah.infokand23.my.id\/blog\/?p=200"},"modified":"2025-06-22T15:48:25","modified_gmt":"2025-06-22T15:48:25","slug":"pemrogramanweb9","status":"publish","type":"post","link":"https:\/\/indahsyah.infokand23.my.id\/blog\/pemrogramanweb9\/","title":{"rendered":"LARAVEL AUTH DAN CRUD MULTI-LEVEL USER PART 2 #9"},"content":{"rendered":"\n<p>Annyeong, yeorobun! ^^<\/p>\n\n\n\n<p>Kali ini, kita akan melanjutkan proyek pada pertemuan 8 kemarin. Laporan praktikum pertemuan 8 dapat diakses\u00a0<a href=\"https:\/\/indahsyah.infokand23.my.id\/blog\/pemrogramanweb8\/\">di sini<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">MANAJEMEN USERS<\/h2>\n\n\n\n<p>Selanjutnya yakni membuat fitur manajemen users. Kita akan menggunakan fungsi keseluruhan CRUD, maka kita akan membuat<em> controller resource<\/em> dengan buka terminal kemudian ketikkan perintah <strong>php artisan make:controller UserController \u2013resource<\/strong> selanjutnya, tambahkan kode program berikut pada route web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"96\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-34-1024x96.png\" alt=\"\" class=\"wp-image-193\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-34-1024x96.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-34-300x28.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-34-768x72.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-34-1536x143.png 1536w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-34.png 1575w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"199\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-35.png\" alt=\"\" class=\"wp-image-194\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-35.png 1004w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-35-300x59.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-35-768x152.png 768w\" sizes=\"auto, (max-width: 1004px) 100vw, 1004px\" \/><\/figure>\n\n\n\n<p>Sehingga, jika dilihat pemetaan <em>route <\/em><strong>php artisan route:list<\/strong> menjadi seperti gambar di bawah ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-38-1024x544.png\" alt=\"\" class=\"wp-image-206\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-38-1024x544.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-38-300x159.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-38-768x408.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-38-1536x817.png 1536w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-38.png 1631w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">File UserController Resource<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"1024\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-40-745x1024.png\" alt=\"\" class=\"wp-image-208\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-40-745x1024.png 745w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-40-218x300.png 218w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-40-768x1056.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-40.png 868w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create Users<\/h2>\n\n\n\n<p>Route untuk menamilkan view form tambah data users adalah users\/create. Buka file UserController kemudian pada action create edit kode program menjadi seperti berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"460\" height=\"157\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-39.png\" alt=\"\" class=\"wp-image-207\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-39.png 460w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-39-300x102.png 300w\" sizes=\"auto, (max-width: 460px) 100vw, 460px\" \/><\/figure>\n\n\n\n<p>Perintah return view(\u2018user.create\u2019) 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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"358\" height=\"517\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-42.png\" alt=\"\" class=\"wp-image-210\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-42.png 358w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-42-208x300.png 208w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"726\" height=\"215\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-41.png\" alt=\"\" class=\"wp-image-209\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-41.png 726w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-41-300x89.png 300w\" sizes=\"auto, (max-width: 726px) 100vw, 726px\" \/><\/figure>\n\n\n\n<p>Selanjutnya, tambahkan file css dan javascript select2 ke dalam layout <strong>main.blade.php<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-43-1024x430.png\" alt=\"\" class=\"wp-image-211\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-43-1024x430.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-43-300x126.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-43-768x323.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-43.png 1473w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"218\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-44.png\" alt=\"\" class=\"wp-image-212\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-44.png 571w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-44-300x115.png 300w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/figure>\n\n\n\n<p>Selanjutnya membuat form inputan create user, silahkan edit <strong>user\/create.blade.php<\/strong> menjadi seperti kode program berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"1024\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-45-948x1024.png\" alt=\"\" class=\"wp-image-213\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-45-948x1024.png 948w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-45-278x300.png 278w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-45-768x830.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-45.png 1084w\" sizes=\"auto, (max-width: 948px) 100vw, 948px\" \/><\/figure>\n\n\n\n<p>Sehingga tampilan form inputan user menjadi seperti gambar di bawah ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"626\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46-1024x626.png\" alt=\"\" class=\"wp-image-214\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46-1024x626.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46-300x183.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46-768x470.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46-1536x939.png 1536w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46-2048x1252.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selanjutnya, buka action store pada UserController kemudian isikan kode program berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"40\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-48.png\" alt=\"\" class=\"wp-image-216\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-48.png 505w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-48-300x24.png 300w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"309\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-47-1024x309.png\" alt=\"\" class=\"wp-image-215\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-47-1024x309.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-47-300x91.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-47-768x232.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-47.png 1351w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Form create user menggunakan method POST yang akan dikirimkan ke action store dengan route<br>users.store, selanjutnya pada action store akan ditangkap isi form create user dengan cara<br>$request-&gt;get(\u2018nama input\u2019) kemudian disimpan pada table user dengan cara instance model<br>User dengan cara $user = new \\App\\Models\\User setelah itu assign sesuai dengan nama field.<br>Untuk menyimpan kedalam database User menggunakan perintah $user-&gt;save, jika data berhasil<br>disimpan akan di redirect ke route users.index dengan mebawa session status.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">READ \/ LIST USERS<\/h2>\n\n\n\n<p>Selanjutnya setelah fungsi create selesai kita akan menampilkan data user, untuk menampilkan<br>data user kita akan menggunakan method GET yaiitu http:\/\/localhost\/users yang mana route ini<br>merupakan action index pada UserController, buka action index kemudian edit menjadi seperti<br>kode program berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"785\" height=\"179\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-49.png\" alt=\"\" class=\"wp-image-217\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-49.png 785w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-49-300x68.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-49-768x175.png 768w\" sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/figure>\n\n\n\n<p>Selanjutnya buat fille dengan nama<strong> index.blade.php <\/strong>pada folder views\/user dan isi dengen kode<br>program berikut<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"88\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-51.png\" alt=\"\" class=\"wp-image-219\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"851\" height=\"1020\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-50.png\" alt=\"\" class=\"wp-image-218\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-50.png 851w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-50-250x300.png 250w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-50-768x921.png 768w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/figure>\n\n\n\n<p>Karena menggunakan datatables tambahkan file css datatable pada bagian head main.blade.php dan file js datatables pada bagian bawah main.blade.php. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"124\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52-1024x124.png\" alt=\"\" class=\"wp-image-220\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52-1024x124.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52-300x36.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52-768x93.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52.png 1130w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selanjutnya, tambahkan button untuk membuka form tambah user seperti kode program berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"420\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53-1024x420.png\" alt=\"\" class=\"wp-image-221\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53-1024x420.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53-300x123.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53-768x315.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53.png 1040w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sehingga tampilan list user menjadi seperti gambar di bawah ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-54-1024x526.png\" alt=\"\" class=\"wp-image-222\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-54-1024x526.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-54-300x154.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-54-768x394.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-54-1536x789.png 1536w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-54-2048x1051.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">UPDATE USERS<\/h2>\n\n\n\n<p>Selanjutnya untuk melakukan proses update data user terlebih dahulu kita buatkan tombol action<br>yang mengarahkan pada route users\/edit\/{user}\/edit atau action edit pada UserController untuk<br>menampilkan form dan menggunakan route users\/edit\/{user} untuk method PUT. Pertama-tama<br>kita akan membuat tombol edit pada tampilan list user, silahkan buka file <strong>user\/index.blade.php<\/strong><br>pada kolom [action] ganti dengan kode berikut ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"25\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56-1024x25.png\" alt=\"\" class=\"wp-image-224\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56-1024x25.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56-300x7.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56-768x19.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56.png 1283w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"144\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-57.png\" alt=\"\" class=\"wp-image-225\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-57.png 732w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-57-300x59.png 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<p>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 <strong>user\/edit.blade.php<\/strong> dan isikan dengan kode program berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"541\" height=\"1024\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-58-541x1024.png\" alt=\"\" class=\"wp-image-226\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-58-541x1024.png 541w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-58-159x300.png 159w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-58.png 625w\" sizes=\"auto, (max-width: 541px) 100vw, 541px\" \/><\/figure>\n\n\n\n<p>Sehingga tampilan form edit user menjadi seperti gambar berikut ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"542\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-1024x542.png\" alt=\"\" class=\"wp-image-227\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-1024x542.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-300x159.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-768x407.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-1536x813.png 1536w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-2048x1085.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selanjutnya buka action update pada UserController kemudian isikan dengan kode program berikut ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"251\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60-1024x251.png\" alt=\"\" class=\"wp-image-228\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60-1024x251.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60-300x73.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60-768x188.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60.png 1128w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selanjutnya kita akan mencoba melakukan perubahan data user seperti ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large wp-duotone-unset-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-64-1024x618.png\" alt=\"\" class=\"wp-image-232\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-64-1024x618.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-64-300x181.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-64-768x463.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-64.png 1112w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-65-1024x421.png\" alt=\"\" class=\"wp-image-233\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-65-1024x421.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-65-300x123.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-65-768x316.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-65.png 1479w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah diganti nama user tersebut klik simpan, jika berhasil maka akan di-redirect ke halaman<br>users dengan menampilkan alert success seperti gambar berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-66-1024x566.png\" alt=\"\" class=\"wp-image-234\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-66-1024x566.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-66-300x166.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-66-768x425.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-66-1536x849.png 1536w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-66-2048x1133.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">DELETE USERS<\/h2>\n\n\n\n<p>Tambahkan tombol atau link pada list user, silahkan buka view <strong>user\/index.blade.php<\/strong> dan<br>tambahkan kode program berikut dibawah link edit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"920\" height=\"451\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-61.png\" alt=\"\" class=\"wp-image-229\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-61.png 920w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-61-300x147.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-61-768x376.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/figure>\n\n\n\n<p>Selanjutnya buka action destroy pada UserController dan isikan dengan kode program berikut ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"158\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-62-1024x158.png\" alt=\"\" class=\"wp-image-230\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-62-1024x158.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-62-300x46.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-62-768x119.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-62.png 1301w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ketika diklik salah satu tombol hapus maka akan muncul pop up dialog peringatan apakah data<br>akan dihapus seperti gambar di bawah ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-67-1024x574.png\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-67-1024x574.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-67-300x168.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-67-768x430.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-67-1536x861.png 1536w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-67-2048x1148.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jika kita tekan oke maka data akan dihapus, jika data berhasil dihapus maka akan muncul pesan<br>seperti gambar berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-68-1024x530.png\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-68-1024x530.png 1024w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-68-300x155.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-68-768x397.png 768w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-68-1536x795.png 1536w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-68-2048x1060.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">ADD MENU USERS<\/h2>\n\n\n\n<p>Buka view Layouts\/sidebar.blade.php kemudian tambahkan kode program berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"821\" height=\"150\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-63.png\" alt=\"\" class=\"wp-image-231\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-63.png 821w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-63-300x55.png 300w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-63-768x140.png 768w\" sizes=\"auto, (max-width: 821px) 100vw, 821px\" \/><\/figure>\n\n\n\n<p>Sehingga pada aplikasi akan muncul menu users seperti gambar berikut ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"323\" height=\"432\" src=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-69.png\" alt=\"\" class=\"wp-image-237\" srcset=\"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-69.png 323w, https:\/\/indahsyah.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-69-224x300.png 224w\" sizes=\"auto, (max-width: 323px) 100vw, 323px\" \/><\/figure>\n\n\n\n<p>Sekian praktikum pemrograman web #9 yang menjadi part 2 saya ini, mohon tinggalkan kritik dan saran yang membangun. Graciaas! &lt;3<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Annyeong, yeorobun! ^^ Kali ini, kita akan melanjutkan proyek pada pertemuan 8 kemarin. Laporan praktikum pertemuan 8 dapat diakses\u00a0di sini. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-200","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":5,"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts\/200\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/indahsyah.infokand23.my.id\/blog\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}