Kamis, 03 Mei 2018

Edit Data Di Codeigniter


Setelah kita berhasil membuat form tambah data, tampil data, dan hapus data, langkah terakhir dalam membuat crud menggunakan codeigniter ini adalah membuat form edit. Form edit ini nantinya akan menampilkan data berdasarkan id karyawan yang akan ditampilkan kedalam inputan-inputan tambah data. Berhubung tutorial ini agak panjang, saya akan ringkas sedikit dengan hanya menjelaskan bagian-bagian pentingnya saja. Silakan praktikan tutorial berikut ini.

Edit data dengan codeigniter

Langkah awal dalam pembuatan edit data tentu kita akan membuat function untuk menampilkan form edit data. Buka file controller kita yang bernama Karyawan.php, kemudian tambahkan sintaks yang berisi function editKaryawan seperti screenshot dibawah ini :


Setelah menambahkan sintaks diatas, langkah selanjutnya adalah membuat halaman untuk menampung data karyawan yang akan kita edit nantinya. Pada halaman ini data karyawan akan ditampilkan berdasarkan id karyawan, atau sintaks sqlnya kurang lebih seperti ini : select * from karyawan where id_karyawan=id. Untuk membuat halaman edit karyawan caranya cukup buka folder karyawan yang ada di application/views/karyawan, kemudian buat file baru bernama edit_karyawan.php dan isikan sintaks dibawah ini kedalam file tersebut : 

edit_karyawan.php

Penjelasan sintaks diatas : 
  • foreach($karyawan as $k) { : perulangan untuk menampilkan data karyawan seperti nama, foto, alamat, gender dll
  •  <input type="hidden" name="id" value="<?php echo $k->id_karyawan; ?>"> : membuat inputan dengan nama id dan tipe hidden, inputan ini berguna sebagai syarat where dalam update data ( update karyawan set nama=nama, alamat=alamat.... where id_karyawan=id )
Setelah selesai membuat halaman edit_karyawan, langkah berikutnya adalah membuat function updateKaryawan yang berguna untuk memproses inputan pada edit_karyawan.php. Untuk membuatnya cukup buka file controller kita (Karyawan.php) kemudian tambahkan sintaks dibawah kedalam file controller kita : 

updateKaryawan()

Penjelasan sintaks diatas : 
  • if(empty($_FILES['foto']['name'])){ : jika user tidak mengupload foto atau form foto kosong maka hanya diupdate data tabelnya saja
  • } else { (line 172) : sebaliknya, jika user mengupload foto maka foto yang ada di folder gambar akan dihapus dan digantikan dengan foto terbaru yang diupload oleh user
  • unlink($filename) : menghapus foto dari folder gambar
Setelah anda berhasil menuliskan sintaks diatas, langkah terakhir ialah mencoba untuk edit data. Pertama buka data karyawan melaui url http://localhost/karyawan/index.php/karyawan/dataKaryawan/ , kemudian pilih data yang akan diedit.


Saya akan mengedit data diatas, kemudian klik tombol edit, maka anda akan diarahkan ke halaman edit data, ganti data-data yang ada dengan data yang baru, atau anda bisa melihat screenshot dibawah ini : 


Klik button tambah ( seharusnya saya ganti menjadi update, tapi lupa :D ), jika update data berhasil anda akan diarahkan ke halaman data karyawan dan akan terlihat jika data karyawan dengan nama Indah Sekali telah berubah menjadi Indah Dua Kali, begitu juga dengan data-data lainnya seperti screenshot dibawah ini : 


Untuk tutorial codeigniter mungkin sampai disini dulu, kedepan saya akan membuat tutorial tambahan untuk php native maupun framework seperti ini. Sekian, semoga tutorial berjudul Edit Data Di Codeigniter ini bisa bermanfaat bagi anda. Terimakasih!

Related Posts

Edit Data Di Codeigniter
4/ 5
Oleh