{"id":126,"date":"2025-06-11T15:32:13","date_gmt":"2025-06-11T15:32:13","guid":{"rendered":"https:\/\/devia.infokand23.my.id\/laprak1\/?p=126"},"modified":"2025-06-18T13:02:34","modified_gmt":"2025-06-18T13:02:34","slug":"laporan-praktikum-9","status":"publish","type":"post","link":"https:\/\/devia.infokand23.my.id\/laprak1\/laporan-praktikum-9\/","title":{"rendered":"LAPORAN PRAKTIKUM 9"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-68de904d4e9313f2932c42acd7d1e5c1\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-97875daf wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-256aec57 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-flex wp-block-group-is-layout-flex\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flex wp-block-group-is-layout-flex\"><nav class=\"is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-3817c3ed wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on-async--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"7.5\" width=\"16\" height=\"1.5\" \/><rect x=\"4\" y=\"15\" width=\"16\" height=\"1.5\" \/><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on-async--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on-async--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<a href=\"https:\/\/devia.infokand23.my.id\/index.html\" target=\"_blank\">Home<\/a>\n\n\n\n<a href=\"https:\/\/devia.infokand23.my.id\/about.html\" target=\"_blank\">Document<\/a>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-small-font-size\">Lanjutan praktikum sebelumnya<\/p>\n\n\n\n<p class=\"has-small-font-size\">buka vscode dimana disana membuka folder yang kemarin laravel-auth lalu ketikkan pada bagian terminal untuk menambahkan didalam controller berupa UserController.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"90\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image.png\" alt=\"\" class=\"wp-image-128\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-300x28.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-768x71.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">selanjutkan tambahkan kode program berikut pada route web.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>use App\\Http\\Controllers\\UserController;\n\nRoute::resource('users', UserController::class);<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Sehingga jika dilihat pemetaan route php artisan route:list menjadi seperti gambar di bawah ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"119\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-1.png\" alt=\"\" class=\"wp-image-129\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-1.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-1-300x37.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-1-768x94.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p><strong>File UserController Resource<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;?php \nnamespace App\\Http\\Controllers; \n \nuse Illuminate\\Http\\Request; \n \nclass UserController extends Controller \n{ \n    \/** \n     * Display a listing of the resource. \n     * \n     * @return \\Illuminate\\Http\\Response \n     *\/ \n    public function index() \n    { \n        \/\/ \n    } \n \n    \/** \n     * Show the form for creating a new resource. \n     * \n     * @return \\Illuminate\\Http\\Response \n     *\/ \n    public function create() \n    { \n        \/\/ \n    } \n \n    \/** \n     * Store a newly created resource in storage. \n     * \n     * @param  \\Illuminate\\Http\\Request  $request \n     * @return \\Illuminate\\Http\\Response \n     *\/ \n    public function store(Request $request) \n    { \n        \/\/ \n    } \n \n    \/** \n     * Display the specified resource. \n     * \n     * @param  int  $id \n     * @return \\Illuminate\\Http\\Response \n     *\/ \n    public function show($id) \n    { \n        \/\/ \n    } \n \n    \/** \n     * Show the form for editing the specified resource. \n     * \n     * @param  int  $id \n     * @return \\Illuminate\\Http\\Response \n     *\/ \n    public function edit($id) \n    { \n        \/\/ \n    } \n \n    \/** \n     * Update the specified resource in storage. \n     * \n     * @param  \\Illuminate\\Http\\Request  $request \n     * @param  int  $id \n     * @return \\Illuminate\\Http\\Response \n     *\/ \n    public function update(Request $request, $id) \n    { \n        \/\/ \n    } \n \n    \/** \n     * Remove the specified resource from storage. \n     * \n     * @param  int  $id \n     * @return \\Illuminate\\Http\\Response \n     *\/ \n    public function destroy($id) \n    { \n        \/\/ \n    } \n} <\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\"><strong>Create Users<\/strong><br>Route untuk menamilkan view form tambah data users adalah users\/create silahkan buka file<br>UserController kemudian pada action create edit kode program menjadi seperti berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>public function create() \n{\n return view('user.create'); \n}\n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Perintah return view(\u2018user.create\u2019) artinya menampilkan view create pada folder user,<br>selanjutnya buat folder user didalam folder view, kemudian tambahkan file create.blade.php<br>dan isikan dengan kode program berikut ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"220\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-2.png\" alt=\"\" class=\"wp-image-130\" style=\"width:263px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-2.png 517w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-2-300x128.png 300w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"247\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-3.png\" alt=\"\" class=\"wp-image-131\" style=\"width:393px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-3.png 799w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-3-300x93.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-3-768x237.png 768w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Selanjutnya tambahkan file css dan javascript select2 kedalam layout main.blade.php<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;link href=https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/css\/select2.min.css rel=\"stylesheet\" \/&gt; \n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/js\/select2.min.js\"&gt;&lt;\/script&gt;  <\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"689\" height=\"330\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-4.png\" alt=\"\" class=\"wp-image-132\" style=\"width:378px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-4.png 689w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-4-300x144.png 300w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Selanjutnya membuat form inputan create user, silahkan edit user\/create.blade.php menjadi seperti kode program berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>@extends('layouts.main') \n@section(\"judul\") Create User @endsection \n@section('konten') \n&lt;div class=\"card shadow mb-4\"&gt; \n    &lt;div class=\"card-header py-3\"&gt; \n    &lt;\/div&gt; \n    &lt;div class=\"card-body\"&gt; \n         \n         \n        &lt;div class=\"row\"&gt; \n            &lt;div class=\"col-lg-9\"&gt; \n \n                &lt;form method=\"POST\" action=\"{{ route('users.store') }}\"&gt; \n                  @csrf \n                    &lt;div class=\"form-group row\"&gt; \n                        &lt;label class=\"col-sm-3 col-form-label text\ncenter\"&gt;Nama&lt;\/label&gt; \n                        &lt;div class=\"col-sm-9\"&gt; \n                          &lt;input type=\"text\" class=\"form-control\" \nid=\"nama\" name=\"nama\"&gt; \n                        &lt;\/div&gt; \n                      &lt;\/div&gt; \n                    &lt;div class=\"form-group row\"&gt; \n                      &lt;label class=\"col-sm-3 col-form-label text\ncenter\"&gt;Email&lt;\/label&gt; \n                      &lt;div class=\"col-sm-9\"&gt; \n                        &lt;input type=\"email\" class=\"form-control\" \nid=\"email\" name=\"email\"&gt; \n                      &lt;\/div&gt; \n                    &lt;\/div&gt; \n                    &lt;div class=\"form-group row\"&gt; \n                        &lt;label class=\"col-sm-3 col-form-label text\ncenter\"&gt;Username&lt;\/label&gt; \n                        &lt;div class=\"col-sm-9\"&gt; \n                          &lt;input type=\"text\" class=\"form-control\" \nid=\"username\" name=\"username\"&gt; \n                        &lt;\/div&gt; \n                      &lt;\/div&gt; \n                      &lt;div class=\"form-group row\"&gt; \n                        &lt;label class=\"col-sm-3 col-form-label text\ncenter\"&gt;Password&lt;\/label&gt; \n                        &lt;div class=\"col-sm-2\"&gt; \n                          &lt;input type=\"password\" class=\"form-control\" \nid=\"password\" name=\"password\"&gt; \n                        &lt;\/div&gt; \n                      &lt;\/div&gt; \n                      &lt;div class=\"form-group row\"&gt; \n                        &lt;label class=\"col-sm-3 col-form-label text\ncenter\"&gt;Level&lt;\/label&gt; \n                        &lt;div class=\"col-sm-4 mr-2\"&gt; \n                          &lt;select  class=\"form-control select2-multiple\" \nname=\"level&#91;]\" multiple=\"multiple\"&gt; \n                            &lt;option value=\"ADMIN\"&gt;ADMIN&lt;\/option&gt; \n                            &lt;option value=\"GURU\"&gt;GURU&lt;\/option&gt; \n                            &lt;option value=\"STAFF\"&gt;STAFF&lt;\/option&gt; \n                          &lt;\/select&gt; \n                            \n                        &lt;\/div&gt; \n                   \n                      &lt;\/div&gt; \n&lt;div class=\"form-group row\"&gt; \n&lt;div class=\"col-sm-10 text-center\"&gt; \n&lt;button type=\"reset\" class=\"btn btn-warning btn\nsm\"&gt;Batal&lt;\/button&gt; \n&lt;button type=\"submit\" class=\"btn btn-primary btn\nsm\"&gt;Simpan&lt;\/button&gt; \n&lt;\/div&gt; \n&lt;\/div&gt; \n&lt;\/form&gt; \n&lt;\/div&gt; \n&lt;\/div&gt; \n&lt;\/div&gt; \n&lt;\/div&gt; \n@endsection \n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Sehingga tampilan form inputan user menjadi seperti gambar dibawah ini.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"438\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-5.png\" alt=\"\" class=\"wp-image-133\" style=\"width:598px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-5.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-5-300x135.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-5-768x345.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Selanjutnya buka action store pada UserController kemudian isikan kode program berikut.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"499\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-6.png\" alt=\"\" class=\"wp-image-134\" style=\"width:394px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-6.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-6-300x154.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-6-768x393.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Penjelasan :<\/p>\n\n\n\n<p class=\"has-small-font-size\">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-&gt;get(\u2018nama input\u2019) 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-&gt;save, jika data berhasil disimpan akan di redirect ke route users.index dengan mebawa session status.<\/p>\n\n\n\n<p><strong>READ \/ LIST USERS<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"805\" height=\"198\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-7.png\" alt=\"\" class=\"wp-image-135\" style=\"width:410px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-7.png 805w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-7-300x74.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-7-768x189.png 768w\" sizes=\"auto, (max-width: 805px) 100vw, 805px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Selanjutnya buat fille dengan nama index.blade.php pada folder views\/user dan isi dengen kode program berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>@extends('layouts.main') \n@section(\"judul\") Users @endsection \n@section('konten') \n@if(session('status')) \n    &lt;div class=\"alert alert-success\"&gt; \n        {{session('status')}} \n    &lt;\/div&gt; \n@endif  \n&lt;div class=\"card shadow mb-4\"&gt; \n    &lt;div class=\"card-header py-3\"&gt; \n    &lt;\/div&gt; \n    &lt;div class=\"card-body\"&gt; \n        &lt;div class=\"table-responsive\"&gt; \n        &lt;table class=\"table table-bordered\"  id=\"dataTable\" width=\"100%\" \ncellspacing=\"0\"&gt; \n            &lt;thead&gt; \n              &lt;tr&gt; \n                &lt;th&gt;&lt;b&gt;Name&lt;\/b&gt;&lt;\/th&gt; \n                &lt;th&gt;&lt;b&gt;Username&lt;\/b&gt;&lt;\/th&gt; \n                &lt;th&gt;&lt;b&gt;Email&lt;\/b&gt;&lt;\/th&gt; \n                &lt;th&gt;&lt;b&gt;Action&lt;\/b&gt;&lt;\/th&gt; \n              &lt;\/tr&gt; \n            &lt;\/thead&gt; \n            &lt;tbody&gt; \n              @foreach($users as $user) \n                &lt;tr&gt; \n                  &lt;td&gt;{{$user-&gt;name}}&lt;\/td&gt; \n                  &lt;td&gt;{{$user-&gt;username}}&lt;\/td&gt; \n                  &lt;td&gt;{{$user-&gt;email}}&lt;\/td&gt; \n                  &lt;td&gt; \n                    &#91;action] \n                  &lt;\/td&gt; \n                &lt;\/tr&gt; \n              @endforeach  \n            &lt;\/tbody&gt; \n      \n          &lt;\/table&gt; \n        &lt;\/div&gt; \n    &lt;\/div&gt; \n&lt;\/div&gt; \n@endsection\n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Karena menggunakan datatables tambahkan file css datatable pada bahian head main.blade.php dan file js datatables pada bagian bawah main.blade.php.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;link href=\"{{ asset('sbadmin\/vendor\/datatables\/dataTables.bootstrap4.min.css') }}\" rel=\"stylesheet\"&gt; \n&lt;script src=\"{{ asset('sbadmin\/vendor\/datatables\/jquery.dataTables.min.js') }}\"&gt;&lt;\/script&gt; \n&lt;script src=\"{{ asset('sbadmin\/vendor\/datatables\/dataTables.bootstrap4.min.js') }}\"&gt;&lt;\/script&gt; \n&lt;script src=\"{{ asset('sbadmin\/js\/demo\/datatables-demo.js ') }}\"&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Selanjutnya menambahkan button untuk membuka form tambah user seperti kode program berikut ke dalam index.blade.php<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"824\" height=\"115\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-8.png\" alt=\"\" class=\"wp-image-136\" style=\"width:431px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-8.png 824w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-8-300x42.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-8-768x107.png 768w\" sizes=\"auto, (max-width: 824px) 100vw, 824px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Sehingga tampilan list user menjadi seperti gambar dibawah ini.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"441\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-9.png\" alt=\"\" class=\"wp-image-137\" style=\"width:674px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-9.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-9-300x136.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-9-768x347.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\"><strong>UPDATE USERS<\/strong><\/p>\n\n\n\n<p>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=\"%7b%7b%20route('users.edit',%20$user-%3eid)%20%7d%7d\">Edit<\/a><\/p>\n\n\n\n<p class=\"has-small-font-size\">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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"267\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-10.png\" alt=\"\" class=\"wp-image-138\" style=\"width:405px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-10.png 850w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-10-300x94.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-10-768x241.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">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.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>@extends('layouts.main') \n@section(\"judul\") Edit User @endsection \n@section('konten') \n&lt;div class=\"card shadow mb-4\"&gt; \n    &lt;div class=\"card-header py-3\"&gt; \n    &lt;\/div&gt; \n    &lt;div class=\"card-body\"&gt;    \n        &lt;div class=\"row\"&gt; \n            &lt;div class=\"col-lg-9\"&gt; \n                &lt;form method=\"POST\" action=\"{{ route('users.update', \n&#91;$user-&gt;id]) }}\"&gt; \n                    &lt;input type=\"hidden\" name=\"_method\" value=\"PUT\"&gt; \n                  @csrf \n                    &lt;div class=\"form-group row\"&gt; \n                        &lt;label class=\"col-sm-3 col-form-label text\ncenter\"&gt;Nama&lt;\/label&gt; \n                        &lt;div class=\"col-sm-9\"&gt; \n                          &lt;input type=\"text\" class=\"form-control\" \nid=\"nama\" name=\"nama\" value=\"{{ $user-&gt;name }}\"&gt; \n                        &lt;\/div&gt; \n                      &lt;\/div&gt; \n                    &lt;div class=\"form-group row\"&gt; \n                      &lt;label class=\"col-sm-3 col-form-label text\ncenter\"&gt;Email&lt;\/label&gt; \n                      &lt;div class=\"col-sm-9\"&gt; \n                        &lt;input type=\"email\" class=\"form-control\" \nid=\"email\" name=\"email\" value=\"{{ $user-&gt;email }}\"&gt; \n                      &lt;\/div&gt; \n                    &lt;\/div&gt; \n                    &lt;div class=\"form-group row\"&gt; \n                        &lt;label class=\"col-sm-3 col-form-label text\ncenter\"&gt;Username&lt;\/label&gt; \n                        &lt;div class=\"col-sm-9\"&gt; \n                          &lt;input type=\"text\" class=\"form-control\" \nid=\"username\" name=\"username\" value=\"{{ $user-&gt;username }}\" \n                          &gt; \n                        &lt;\/div&gt; \n                      &lt;\/div&gt; \n \n                      &lt;div class=\"form-group row\"&gt; \n                        &lt;label class=\"col-sm-3 col-form-label text\ncenter\"&gt;Level&lt;\/label&gt; \n                        &lt;div class=\"col-sm-4 mr-2\"&gt; \n                          &lt;select  class=\"form-control select2-multiple\" \nname=\"level&#91;]\" multiple=\"multiple\"&gt; \n                            &lt;option value=\"ADMIN\"  {{in_array(\"ADMIN\", \njson_decode($user-&gt;level)) ? \"selected\" : \"\"}}&gt;ADMIN&lt;\/option&gt; \n                            &lt;option value=\"GURU\"  {{in_array(\"GURU\", \njson_decode($user-&gt;level)) ? \"selected\" : \"\"}}&gt;GURU&lt;\/option&gt; \n                            &lt;option value=\"STAFF\"  {{in_array(\"STAFF\", \njson_decode($user-&gt;level)) ? \"selected\" : \"\"}}&gt;STAFF&lt;\/option&gt; \n                          &lt;\/select&gt; \n                        &lt;\/div&gt; \n                      &lt;\/div&gt; \n                    &lt;div class=\"form-group row\"&gt; \n                      &lt;div class=\"col-sm-10 text-center\"&gt; \n                        &lt;a href=\"{{ route('users.index') }}\"  class=\"btn \nbtn-warning btn-sm\"&gt;Batal&lt;\/a&gt; \n                        &lt;button type=\"submit\" class=\"btn btn-primary btn\nsm\"&gt;Simpan&lt;\/button&gt; \n                      &lt;\/div&gt; \n                    &lt;\/div&gt; \n                  &lt;\/form&gt; \n            &lt;\/div&gt; \n            \n        &lt;\/div&gt; \n    &lt;\/div&gt; \n&lt;\/div&gt; \n@endsection \n<\/code><\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"438\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-11.png\" alt=\"\" class=\"wp-image-139\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-11.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-11-300x135.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-11-768x345.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Selanjutnya buka action update pada UserController kemudian isikan dengan kode program berikut ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"295\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-12.png\" alt=\"\" class=\"wp-image-140\" style=\"width:502px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-12.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-12-300x91.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-12-768x232.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Selanjutnya kita akan mencoba melakukan perubahan data user.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"434\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-13.png\" alt=\"\" class=\"wp-image-141\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-13.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-13-300x134.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-13-768x342.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Sehingga menampilkan gambar sepertidibawah ini<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"438\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-14.png\" alt=\"\" class=\"wp-image-142\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-14.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-14-300x135.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-14-768x345.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p><strong>DELETE USERS<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Tambahkan tombol atau link pada list user, silahkan buka view user\/index.blade.php dan tambahkan kode program berikut dibawah link edit.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>@foreach ($users as $user)\n                        &lt;tr&gt;\n                            &lt;td&gt;{{$user-&gt;name}}&lt;\/td&gt;\n                            &lt;td&gt;{{$user-&gt;username}}&lt;\/td&gt;\n                            &lt;td&gt;{{$user-&gt;email}}&lt;\/td&gt;\n                            &lt;td&gt;\n                            &lt;a href=\"{{ route('users.edit', $user-&gt;id) }}\" class=\"btn btn-sm btn-success\"&gt;Edit&lt;\/a&gt;\n                            &lt;form onsubmit=\"return confirm('Hapus data user?')\" class=\"d-inline\" action=\"{{route('users.destroy', &#91;$user-&gt;id])}}\" method=\"POST\"&gt;\n                                @csrf\n                                &lt;input type=\"hidden\" name=\"_method\" value=\"DELETE\"&gt;\n                                &lt;input type=\"submit\" value=\"Hapus\" class=\"btn btn-danger btn-sm\"&gt;\n                            &lt;\/form&gt;\n                            &lt;\/td&gt;\n                        &lt;\/tr&gt; \n                    @endforeach\n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Keitka diklik salah satu tombol hapus maka akan muncul pop up dialog peringatan apakah data akan dihapus seperti gambar dibawah ini.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"488\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-15.png\" alt=\"\" class=\"wp-image-143\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-15.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-15-300x150.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-15-768x384.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-small-font-size\">Jika kita tekan oke maka data akan dihapus, jika data berhasil dihapus maka akan muncul pesan seperti gambar berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"440\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-16.png\" alt=\"\" class=\"wp-image-144\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-16.png 975w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-16-300x135.png 300w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-16-768x347.png 768w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p><strong>MENAMBAHKAN MENU USERS<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">&nbsp;Silahkan buka view Layouts\/sidebar.blade.php kemudian tambahkan kode program berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>&lt;li class=\"nav-item\"&gt; \n&lt;a class=\"nav-link\" href=\"{{ route('users.index') }}\"&gt; \n&lt;i class=\"fas fa-fw fa-users\"&gt;&lt;\/i&gt; \n&lt;span&gt;Users&lt;\/span&gt;&lt;\/a&gt; \n&lt;\/li&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">Sehingga pada aplikasi akan muncul menu users seperti gambar berikut ini.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"520\" src=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-17.png\" alt=\"\" class=\"wp-image-145\" style=\"width:212px;height:auto\" srcset=\"https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-17.png 433w, https:\/\/devia.infokand23.my.id\/laprak1\/wp-content\/uploads\/2025\/06\/image-17-250x300.png 250w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Home Document Lanjutan praktikum sebelumnya buka vscode dimana disana membuka folder yang kemarin laravel-auth lalu ketikkan pada bagian terminal untuk menambahkan didalam controller berupa UserController. 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 UsersRoute untuk menamilkan view &hellip; <a href=\"https:\/\/devia.infokand23.my.id\/laprak1\/laporan-praktikum-9\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">LAPORAN PRAKTIKUM 9<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-126","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/posts\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":5,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/posts\/126\/revisions"}],"predecessor-version":[{"id":172,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/posts\/126\/revisions\/172"}],"wp:attachment":[{"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/media?parent=126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/categories?post=126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devia.infokand23.my.id\/laprak1\/wp-json\/wp\/v2\/tags?post=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}