{"id":91,"date":"2025-06-29T13:17:45","date_gmt":"2025-06-29T13:17:45","guid":{"rendered":"https:\/\/nia.infokand23.my.id\/blog\/?p=91"},"modified":"2025-06-29T13:17:45","modified_gmt":"2025-06-29T13:17:45","slug":"pratikum-9","status":"publish","type":"post","link":"https:\/\/nia.infokand23.my.id\/blog\/pratikum-9\/","title":{"rendered":"Pratikum 9"},"content":{"rendered":"\n

A.Pendahuluan<\/strong><\/p>\n\n\n\n

Dalam pengembangan aplikasi web modern, operasi dasar yang dikenal dengan istilah CRUD<\/strong> (Create, Read, Update, Delete) menjadi fondasi utama dalam pengelolaan data. CRUD merupakan serangkaian fungsi yang memungkinkan pengguna untuk membuat, melihat, memperbarui, dan menghapus data dalam sebuah sistem informasi. Implementasi dari konsep ini sangat penting dalam hampir seluruh aplikasi, mulai dari sistem manajemen konten hingga aplikasi e-commerce.<\/p>\n\n\n\n

Laravel<\/strong>, sebagai salah satu framework PHP paling populer, menyediakan berbagai kemudahan dalam membangun aplikasi web yang bersih, terstruktur, dan efisien. Salah satu fitur unggulannya adalah kemampuannya dalam menangani proses CRUD secara terintegrasi melalui berbagai komponen seperti routing<\/strong>, controller<\/strong>, model (Eloquent ORM)<\/strong>, serta blade templating<\/strong> untuk tampilan. Dengan bantuan Artisan Command dan resource controller, proses pembuatan fungsi CRUD di Laravel menjadi lebih cepat dan terstandarisasi.<\/p>\n\n\n\n

Sementara itu, HTML (Hypertext Markup Language)<\/strong> berperan sebagai pondasi utama dalam membangun antarmuka pengguna (UI) pada aplikasi web. Melalui HTML, developer dapat membuat form input data, tabel tampilan, tombol aksi, dan berbagai elemen visual lainnya yang mendukung interaksi pengguna dengan aplikasi. Dalam konteks Laravel, HTML biasanya digunakan bersama Blade Template Engine<\/strong> untuk menghasilkan tampilan dinamis berdasarkan data yang diolah di backend.<\/p>\n\n\n\n

Dengan menggabungkan kemampuan Laravel dalam manajemen logika aplikasi dan data<\/strong>, serta HTML sebagai media presentasi dan interaksi<\/strong>, pengembangan fitur CRUD menjadi lebih terstruktur dan efisien. Praktikum ini bertujuan untuk mempraktikkan implementasi fitur CRUD secara lengkap pada Laravel, sekaligus memahami bagaimana HTML digunakan untuk membangun antarmuka yang user-friendly dalam proses tersebut.<\/p>\n\n\n\n

B.Langkah pengerjaan<\/strong><\/p>\n\n\n\n

1.Untuk membuat fitur manajemen users, gunakan fungsi keseluruhan CRUD untuk membuat controller resource. Gunakan perintah:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2.Tambahkan route pada file web.php<\/code>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3. Ketika berhasil jika dilihat pemetaan route php artisan route:list menjadi seperti gambar berikut.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

4. Buka file pada bagian app\/Http\/Controllers\/UserController lalu masukkan kode-kode fungsi CRUD berikut:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

5. Route untuk menampilkan view form tambah data users adalah users\/create dengan membuka file UserController kemudian pada action create edit kode program menjadi seperti berikut.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

6.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.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

7.Selanjutnya tambahkan file css dan javascript select2 kedalam layout main.blade.php<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

8.Kemudian edit pada bagian user\/create.blade.php untuk membuat form inputan create user<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

9. Jika berhasil maka tampilannya akan seperti dibawah ini<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

10. Selanjutnya menambahkan action store pada UserController yang dimana 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(\u2018nama input\u2019). Kemudian disimpan pada table user dengan cara instance model User dengan $user = new \\App\\Models\\User. Setelah itu assign sesuai dengan nama field. Untuk menyimpan kedalam database User, gunakan perintah $user->save. Jika data berhasil disimpan, maka akan di redirect ke route users.index dengan membawa session status, gunakan kode berikut<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

11. Untuk menampilkan data user kita akan menggunakan method GET dengan menambahkan kode seperti dibawah ini pada bagian action index di UserController<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

12. Untuk menampilkan tabel user maka buat file index.blade.php dan masukkan kode berikut ini<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

13. Karena menggunakan datatables, tambahkan file css datatable pada bagian head main.blade.php<\/p>\n\n\n\n

14.Untuk mengaktifkan botton edit dan melakukan proses update data user terlebih dahulu membuatkan 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.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

15.Dan untuk menjalakan edit, buat file baru di folder user dengan nama edit.blade.php. Masukkan kode berikut ini<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

16.Pada saat diuji tampilan edit akan seperti ini, dimana sebelumnya bernama fulan kemudian diedit menjadi new admin<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

17.\u00a0Untuk menyimpan perubahan data kita perlu action update yang ditambahkan pada UserController dengan kode berikut<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

18.Dan setelah ditekan simpan tampilannya akan berubah dengan nama yang sudah diedit<\/p>\n\n\n\n

19.Selanjutnya untuk mengaktifkan button hapus, tambahkan tombol atau link pada list user dan tambahkan kdoe berikut pada index.blade.php yang diletakkan dibawah link edit<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

20.Pada UserController tambah kode berikut untuk mengaktifkan action destroy<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

21.Untuk menguji nya klik salah satu data yang ada dan klik tombol hapus<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

22. Setelah berhasil maka data tersebut sudah terhapus<\/p>\n\n\n\n

23.Untuk menambahkan menu user tambahkan kode berikut pada file sidebar.blade.php dalam folder layout<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

24.Tampilan akhir<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

A.Pendahuluan Dalam pengembangan aplikasi web modern, operasi dasar yang dikenal dengan istilah CRUD (Create, Read, Update, Delete) menjadi fondasi utama dalam pengelolaan data. CRUD merupakan serangkaian fungsi yang memungkinkan pengguna untuk membuat, melihat, memperbarui, dan menghapus data dalam sebuah sistem informasi. Implementasi dari konsep ini sangat penting dalam hampir seluruh aplikasi, mulai dari sistem manajemen […]<\/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-91","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":1,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts\/91\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts\/91\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/media?parent=91"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/categories?post=91"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/tags?post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}