![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjymKkkRie-QHt5AWJl2mi9HuxlaSBFmydDKDEf1306EFzaocRtqOWac4LwvtcinnkKroXm9fOonYLPCkjRgcRoAlB1NoRscjAcYvhSPwduQ2yH7_x7Bia4OX_SWWPfcSznf2so-Gj8pU/w640-h360/Aplikasi+Pendataan+Warga+Desa.png) |
Aplikasi Pendataan Warga Desa dengan Laravel 7 - Tutorial 07 |
Halo! Pada kesempatan kali ini kita akan membahas bagaimana caranya mengupdate user profile. Selain itu kita juga akan menampilkan profile dari user terlebih dahulu sebelum ia bisa mengupdatenya. Baik, langsung saja, silahkan buka views/layouts/user_module/navbar.blade.php dan tambahkan kode program di bawah ini.
Routes
Berhubung kita akan membuat profile dan juga halaman editnya untuk user, maka kita perlu membuat routesnya terlebih dahulu. Sesuaikan routes untuk user menjadi seperti ini.
Controller
Seperti yang terlihat pada routes di atas, kita akan menggunakan HomeController untuk menampilkan profile sekaligus membuat halaman editnya. Jika kalian ingin menggunakan controller yang lain atau ingin membuatnya sendiri dengan nama yang berbeda, silahkan.
Buka file app/Http/Controllers/HomeController.php. Sesuaikan kode programnya menjadi seperti ini. Fungsi index akan menampilkan halaman dashboard user. Fungsi userProfile akan menampilkan profile user. Fungsi editUserProfile akan menampilkan halaman edit untuk akun user. Terakhir, fungsi updateUserProfile berguna untuk melakukan validasi dan menyimpan data user yang sudah diupdate.
Views
Setelah kita membuat berbagai fungsi di controller, selanjutnya adalah membuat tampilan untuk fungsi-fungsi tersebut.
User profile.
Edit user profile.
Jika semua step dilakukan dengan baik, maka akan tampil seperti ini.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwLU8esJKFc6JW-xPrDPOCkNk_IK-qwP43nJzvHMjWST5Oul8i7sq-kPRq15iiWiHcl50wGKleVVjJcvU9THn04m2R0LdtyaouXmAcbABIeRaoiZKPAp8yKJi9Zf_vGuceKbmJIiTNCn0/w640-h360/Screenshot_20200730_210547.png) |
Halaman user profile
|
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjokmuGzEoHi5UoPKqBEJccMh6bnqawaqtenpv_2DJtEXQydFypYFOviKNoFzjsbwXgdT-osloicTLc54TrB7b8uBCPbx1HgoGV-XaaMBsp1vI79h94Y_9dd5YXI-IZrG14DRvoH8R28Po/w640-h360/Screenshot_20200730_210602.png) |
Halaman edit user profile.
|
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibO9i2y_BOJw_SgzFicEQeQYQrk9YtxQdojpLH0fFhQClL-t2wocdv_al-87x_7wPAoo93oPee1oFdUb4LthwCKZcx6UmUORQO0Y2mixX2pgDSs-eyOAzo0kPZvTIKhusS_gYbzU4qKOg/w640-h360/Screenshot_20200730_210720.png) |
User profile setelah dilakukan edit.
|
Demikian post kali ini, pada kesempatan selanjutnya kita akan masuk ke halaman khusus untuk Admin. Semoga bermanfaat.
3 Comments
admin wibu :v
ReplyDeletebtw makasi, dari kemarin cari referensi ga ketemu2 akhirnya ketemu disini wkwk
DeleteItu password ditampilin ya ?
ReplyDelete