Melanjutkan catatan yang sebelumnya (Read data from database (MySQL)), maka catatan kali ini adalah tentang Update data. Untuk proses update ini menurut saya adalah proses yang sedikit lebih rumit dari pada proses CRUD lainnya (Create, Read, Delete).
Saya menganggap proses kali ini agak rumit karena ada beberapa proses yang perlu di lakukan sekaligus. Yaitu proses Read juga perlu di terapkan di dalam proses ini.
sebelum memulai file proses edit, saya ada sedikit merubah file dari project yg sebelumnya.
Click gambar untuk memperbesar gambar |
Click gambar untuk memperbesar gambar |
perhatikan pada link yang muncul di bagian bawah, ada angka 4 di ujungnya. Angka 4 itu adalah id dari data IPA. Link tersebut muncul jika kita mengarahkan kursor ke arah link Edit / Hapus.
Apa tujuannya ?
Tujuannya adalah, supaya data yang diubah benar-benar data yang sudah dipilih.
Ok, lanjutkan dengan membuat file baru dengan nama EditCategory.php, dan tambahkan tag html seperti berikut.
Click gambar untuk memperbesar gambar |
seperti pada project sebelumnya, mari kita import Database.php ke dalam file EditCategory.php ini.
Click gambar untuk memperbesar gambar |
ok, saatnya menggunakan id yang sudah dibuat di pembukaan tadi. Disini saya membuat kondisi, dimana jika id ada di url, maka akan masuk kondisi ini.
Click gambar untuk memperbesar gambar |
setelah itu, saya tambahkan kode, untuk mengambil data category_buku yang id nya adalah id yang tertulis di url (dalam contoh ini, idnya 4). Lalu tampung data dari category_buku ke dalam variable $data.
selanjutnya, saya pindahkan tag html ke dalam kondisi if tadi. supaya hanya tampil jika ada id di urlnya.
Click gambar untuk memperbesar gambar |
kemudian saya tampilkan nama category yang di dapat berdasarkan id tadi, ke dalam form. (tujuannya, supaya kita tau apa sih data sebelumnya yang ingin kita rubah ini).
Click gambar untuk memperbesar gambar |
Click gambar untuk memperbesar gambar |
seperti yang terlihat, data IPA tampil di dalam form. tujuannya seperti yang saya jelaskan sebelumnya, yaitu sebagai pemberitahu kita, bahwa data IPA lah yang ingin kita rubah.
setelah itu, saya lanjutkan dengan menambahkan form input baru, yang berguna sebagai penampung id.
Click gambar untuk memperbesar gambar |
tujuannya adalah, supaya nanti ketika button di klik, maka form ini akan mengirimkan data, nama category dan id dari category yang ingin dirubah.
oh iya, karena button belum saya beri nama, maka saya tambahkan nama, menjadi seperti berikut.
Click gambar untuk memperbesar gambar |
sekaligus saya buatkan kondisi, yang mana akan masuk kondisi ini jika tombol update di klik.
lalu di dalam kondisi ini saya tambahkan query untuk update data.
Click gambar untuk memperbesar gambar |
pada gambar diatas, saya memberi penunjuk. maksud dari penunjuk tersebut adalah sebagai penanda, bahwa data yang di masukkan di query berasal dari apa yang ada di dalam form input tersebut. seperti type_category yang ada di dalam query akan menampung nilai yang dimasukkan pada type_query yang di dalam form.
ok, saya lanjutkan dengan merubah sedikit codenya, supaya nanti ketika aplikasi di jalankan, dan ketika data sudah terupdate, maka akan kembali ke halaman BacaCategory, maka saya rubah seperti berikut.
Click gambar untuk memperbesar gambar |
Ok, time for test the code.
Click gambar untuk memperbesar gambar |
saya merubah data dari yang awalnya adalah IPA menjadi IPA bukan IPS, kemudian saya tekan button Update. Dan hasilnya adalah
Click gambar untuk memperbesar gambar |
Yeahhhh...
Halaman berpindah ke halaman BacaCategory.php, dan data yang tadinya IPA sekarang telah berubah menjadi IPA bukan IPS.
FYI : Tahapan dalam edit memang sedikit rumit, bahkan saya saja ketika mebuat kode tersebut, mengalami beberapa kali kegagalan. Tapi tetep inget ya, apapun yang kamu pelajari, tidak akan sama sekali tidak berguna. Jadi jangan menyerah ketika menghadapi error atau hasil yang tidak sesuai.
OK, proses edit sudah selesai, Terimakasih banyak.
Jangan lupa tinggalkan kritik dan sarannya di kolom komentar ya.
Terimakasih banyak.
No comments:
Post a Comment