[Studi Kasus Web Galery Sekolah Part 5] Membuat Form Edit Dan Delete Gallery

Melanjutkan Projek Web Galery Sekolah sebelumnya kita akan membuat form edit , hal yang akan kita lakukan adalah :
1. Membuat Form Edit
2. Membuat Proses Edit Data Galery Ke Database (modifikasi PostController.php)
3. Menghapus Gambar Lama dan Mengupload Gambar Baru 

Berikut Code modifikasi Tambahan untuk PostController.php dengan function yang di buat :
1. Function edit (Untuk Menampilkan Form Update)
2. function update (Proses Update Data Galery Dari Form input ke database)
3. Function destroy (proses delete data galery )

Perubahan File  PostController.php

Pembuatan File  resources/views/posts/edit.blade.php
 

Uji Coba Fitur Edit 


Jika Proses Update berhasil akan di arahkan ke halaman index gallery dan memunculkan pop up berhasil 

anda juga bisa mencoba fitur hapus dengan mengklik pada record data pada halaman index galery

Comments

Post a Comment

Popular posts from this blog

[Studi Kasus Web Galery Sekolah Part 1] Membuat Login Dan Register Pada Laravel 11

Image
Untuk Membuat Projek Laravel 11 dibutuhkan tools/software yang sudah terinstal sebelumnya di pc/laptop kamu untuk mempermudah kita samakan peralatannya :  1. PHP >8.2 2. Database Mysql dan PhpMyadmin (untuk kemudahan gunakan xampp yang sudah terdapat php, mysql dan phpmyadmin 3. Git dan Akun github 4. Nodejs 22 5. Laravel 11 Pegencekan Tools/Software   1. Cek Versi PHP dengan Perintah : php --version -> seharusnya akan menampilkan versi php yang terinstall contoh php version 8.2 2. Cek Database dengan Membuka browser ketikan  : localhost/phpmyadmin 3. Cek Git : git --version 4. cek nodejs : node --version Membuat project laravel 11 baru dengan starter kit mengetikkan di console/cmd :  composer create - project --prefer-dist laravel/laravel:^11 web-galery sebelumnya pastikan command prompt anda aktif berada pada folder apa contoh di laptop saya taruh di desktop        Secara default Laravel 11 dilengkapi dengan kolasi basis data seb...
Read more

[Studi Kasus Web Galery Sekolah Part 2] Membuat Post Galery menggunakan Laravel 11

Image
Melanjutkan projek Web Galery Sekolah Menggunakan Laravel 11  ilustrasi Router dalam Laravel    Langkah 1: Membuat Model dan migration kita lanjutkan membuat model dan migration dengan mengetikan perintah berikut di terminal  php artisan make:model Posts -m  jika perintah diatas berhasil di jalankan maka akan menghasilkan 2 file  Langkah 2: Menambahkan Field/kolom pada file migration posts   Langkah 3: Menambahkan Field/kolom pada file model models/posts Kemudian jalankan perintah : php artisan migrate Langkah 4: Menampilkan Data Posts(galery) dari database : membuat Controller PostController.php   Kemudian jalankan perintah : php artisan make:controller PostController jika berhasil akan menampilkan pesan sukses membuat file di path : app/Http/Controllers/PostController.php Selanjutnya modifikasi PostController sesuai dengan kode berikut  menambahkan routing gallery pada route/web.php Pada routing diatas yang di berikan tanda kotak merah se...
Read more

[Studi Kasus Web Galery Sekolah Part 3] Membuat Form Insert Gallery Sekolah

Image
 Melanjutkan tahap sebelumnya pada studi kasus web galery sekolah, kita akan membuat form insert dan validasinya : yang akan kita buat dalam PostController.php adalah :  1. function create : untuk menampilkan form create galery sekolah 2. function store : untuk memproses isian data dari form ke database dan menghandle file gambar untuk di upload ke direktori public  Langkah 1: Menambahkan Function Create dan Store pada PostController.php path dari file ini adalah app/http/controllers/PostController.php Langkah 2: Membuat Form Create Gallery  path dari file ini adalah resources/posts/create.blade.php Langkah 3: Menguji Form Insert di browser  silahkan kunjungi url : localhost:8000/gallery dan klik tombol add galery  seperti tampak pada gambar di bawah ini uji dengan tidak mengisikan data apapun terlebih dahulu dan akan menampilkan form validasi yang sudah kita buat sebelumnya sekarang kita isi inputan dengan data lengkap setelah berhasil maka halaman akan di...
Read more