Tutorial Laravel #11 : Membuat CRUD Dengan Laravel Part 3


tutorial crud laravel

Tutorial CRUD Laravel – Halo teman-teman. masih di seri tutorial membuat CRUD dengan laravel. sebelumnya pada tutorial membuat CRUD Part 1, kita telah belajar cara koneksi database pada laravel dan menampilkan data dari database. Kemudian pada tutorial CRUD Laravel Part 2 juga telah kita pelajari cara menginput data ke database dengan laravel.

Tutorial CRUD Laravel

Pada tutorial CRUD Laravel Part 3 ini kita akan belajar mengedit atau mengupdate data pada database dengan laravel.

Inti keseluruhannya sama saja dengan cara mengedit data dari database dengan PHP native dan codeigniter. hanya saja untuk membuat edit data dari database dengan laravel ini kita mengikuti struktur dan perintah-perintah yang ada pada laravel.

Teman-teman bisa membaca dokumentasi query builder laravel di sini.

https://laravel.com/docs/5.7/queries#updates

Yuk langsung saja kita masuk ke penjelasan tutorial CRUD laravel part 3 ini.

Update Data Pada Database Dengan Laravel

Coba teman-teman perhatikan pada view yang menampilkan data pegawai yang sudah kita buat sebelumnya. yaitu pada view index.blade.php

Di sana kita telah membuat tombol atau link edit seperti berikut.

Pada tombol atau link edit tersebut kita memerintahkan untuk mengalihkan halaman ke route ‘/pegawai/edit/‘. sambil mengirimkan data id data yang ingin di edit.

Sehingga route lengkapnya adalah ‘/pegawai/edit/{{ $p->pegawai_id }}‘.

Untuk pengiriman data melalui url seperti kasus ini sudah kita pelajari pada tutorial sebelumnya. yaitu pada tutorial request data pada laravel.

Silahkan teman-teman baca lagi tutorial pengiriman data atau request data pada laravel. agar materi pada tutorial membuat CRUD Laravel part 3 ini bisa lebih mudah dipahami.

Karena pada saat tombol edit diklik, maka akan di arahkan ke route ‘/pegawai/edit/dan_id_data_nya’.

maka sekarang kita buat route baru seperti berikut, agar data id yang dikirimkan sekalian kita kirim juga ke controller untuk kita ambil data pegawai yang ber id tersebut.

belajar_laravel/routes/web.php

bisa teman-teman lihat pada route ini. data id yang dikirimkan pada url kita istilahkan dengan {id}. dan kita perintahkan untuk menjalankan method edit pada controller PegawaiController.php.

Data id nya akan kita tangkap dari controller.

Buat method edit nya dalam controller PegawaiController.php.

belajar_laravel/app/Http/Controllers/PegawaiController.php

Data id yang dikirimkan dari route tadi kita tangkap dalam parameter method edit ( edit($id) ).

Selanjutnya kita ambil data pegawai dari database dengan menggunakan query builder berikut.

Sekalian kita seleksi data id yang ingin di ambil dengan menyeleksi id pegawainya,

Kemudian kita passing data nya ke view edit.blade.php.

Sekarang buat view baru dengan nama edit.blade.php. karena kita akan menampilkan data pegawai yang ingin di edit tadi di dalam form edit.

belajar_laravel/resources/views/edit.blade.php

Perhatikan view edit di atas.

Kita menampilkan data pegawai yang ingin di edit ke dalam form edit. menggunakan perulangan foreach.

Saya yakin teman-teman sudah familiar dengan syntax atau menampilkan data seperti ini. karena sama saja intinya dengan CRUD yang pernah teman-teman buat menggunakan PHP ataupun CodeIgniter.

kalau di laravel jangan lupa untuk menggunakan fungsi csrf protection yang sudah dijelaskan juga sebelumnya tentang kegunaannya.

Pada form edit ini kita menetapkan action nya ke route ‘/pegawai/update‘. dengan menggunakan method post. seperti biasa. 🙂

Oleh karena itu kita buat route ‘/pegawai/update‘ dulu untuk meng-handle data dari form edit pegawai ini.

belajar_laravel/routes/web.php

Pada route update ini kita tidak menggunakan method get. tapi menggunakan method post. seperti pada saat kita belajar membuat input data ke database dengan laravel sebelumnya.

pada route ini kita perintahkan untuk menjalankan method update dalam controller PegawaiController.php.

Sekarang buat lagi sebuah method updatenya.

belajar_laravel/app/Http/Controllers/PegawaiController.php

Seperti pada saat membuat proses penginputan data ke database. data yang dikirim dari form kita tangkap dengan mendeklarasi kan Request dalam parameter method update ini.

dan data-data yang dikirim dari form edit akan tersimpan didalam variabel $request. untuk penamaan variabel nya bebas. tinggal teman-teman sesuaikan saja.

Untuk update data nya kita menggunakan query builder seperti berikut.

dan terakhir kita alihkan kembali halaman nya ke route ‘/pegawai‘ yang menampilkan semua data pegawai.

Oke kita coba jalankan. localhost:8000/pegawai. dan klik edit pada data yang ingin di ubah atau di update.

Disini saya mencoba mengubah data pegawai yang bernama zainudin.

membuat crud laravel

membuat crud laravel

Di sini saya mencoba mengubah data jabatan dan alamat. yang awalnya jabatannya manager, saya edit menjadi ‘direktur utama’. dan alamatnya saya ubah menjadi ‘jl. bukit indah’.

Klik simpan data.

tutorial crud laravel

tutorial crud laravel

Maka sekarang data berhasil di update.

Oke teman-teman sekian dulu tutorial tentang Cara Membuat CRUD dengan Laravel Part 3.

Untuk proses penghapusan data dari database akan kita lanjutkan pada tutorial crud laravel part 4.

 

Tutorial Membuat CRUD dengan Laravel

Tutorial membuat CRUD dengan Laravel Part 1 – Menampilkan data dari database

Tutorial membuat CRUD dengan Laravel Part 2 – Input data ke database

Tutorial membuat CRUD dengan Laravel Part 3 – Update data di database

Tutorial membuat CRUD dengan Laravel Part 4 – Hapus data dari database

Tutorial membuat CRUD dengan Laravel Part 5 – Kesimpulan & Source code

 

Incoming search terms:

  • crud di laravel 5 7
  • membuat aplikasi input karyawan menggunakan laravel
  • membuat tombol download di laravel



Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

TUTORIAL MENARIK LAINNYA

relasi one to many eloquent laravel
Diskusi
Tidak Ada Komentar

Tulis Komentar / Pertanyaan

Your email address will not be published. Required fields are marked *