Pada tutorial kali ini kita akan belajar bagaimana membuat edit data dan sekaligus replace (mengganti) gambar sebelumnya dengan modal boostrap dan PHP Mysqli OOP. Bagi yang ketinggalan tutorial sebelumnya silahkan ikuti dulu:
Membuat Desain Web Responsive dengan Bootstrap
Membuat Tampil Data dengan PHP Mysqli OOP + Bootstrap
Membuat Tambah Data Sekaligus Upload Gambar dengan Modal Bootstrap
Nanti penerapan membuat edit data (& replace gambar di direktori) dengan modal bootstrap bisa seperti ini:
Oke langsung saja tutorial dan source code lengkapnya bisa kita pelajari pada video dibawah ini:
Gimana keren dan elegan bukan crud data dengan modalnya?
Jika temen-temen masih ada yang kesulitan / error / kurang faham silahkan bertanya di komentar.
Baca juga tutorial selanjutnya :
Membuat Hapus Data (& hapus gambar di direktori) dengan PHP Mysqli OOP
Jangan lupa like & share! Happy coding!
Semoga bermanfaat :)
Wassalamu'alaikum wr. wb.
47 komentar
Mantab Admin
ini pakai framework atau native php gan ?
Thanks gan
Native gan, tapi udah OOP.
bang saya bayu dari kota sebelah*jepara, mau tanya cara menampilkantanggal tanpa menggunakan javascript di php caranya gimana yah. mohon diberi saran . maklum pemula mas hehehe
echo date('d-m-Y');
min maaf, ko video tutornya gak bisa dilihat ?
Maaf channel yang kemaren ke banned gan. Ini sudah aktif lagi upload ulang di channel yang baru.
Gan pas menvoba raplace edit gambar ada eror kaya gini..
You have an error in your sql syntax; check the manual that corresponds to your mariaDB server for the right syntax to use near '=2' at line 1
Di bagian Edit untuk menampilkan data yang Combo Box Gimana Mas ???
Query SQL mu ada yan salah gan, cek lagi khususnya bagian yang ada petik nya
Pake Ajax aja gan kalo combobox
Gan, kenapa ya pas saya klik edit, stak getu aja, pop up/toggle editnya tidak muncul..
apakah bermasalah dengan javascriptnya.. mohon bantuannya
Gan, Kenapa gambar yang di rektori tidak berubah tapi malah betambah ? mohon bantuanya
terima kasih
Cek lagi script mu, mungkin ada yang salah / kurang. Cek juga apakah jquery nya sudah di load apa belum
Berarti delete gambar yang lama belum berhasil. Coba cek lagi script unlink mu, sesuaikan letak direktori gambarnya
gan, kenapa modal edit di page ke 2 tidak muncul form nya ya?
kira2 apa ya yang salah?
mohon bimbingan nya
Thanks
Cek lagi gan. Pastikan tidak ada error
kren tutorialnya mas, sangat membantu.... prtanyaan nya itu kan saat edit data tentang gambar, saat menampilkan data waktu edit scriptnya <img src=".....". bagaiman lw misalkan docx,pdf..? coz ny gk bisa ditampilkan oleh script <img src... mhon pncerahan ny
Pake aja <a href
Assalamualaikum mas, sebelumnya terimakasih atas tutorialnya benar2 work saya sudah buktikan. tapi disini saya melakukan sedikit modifikasi pada class="modal" untuk EDIT. saya menambahkan textarea pada form nya, dan saya pasang CKEditor. masalahnya adalah kenapa gk ada data yang muncul dari database. padahal textarea tanpa CKEditor datanya bisa di load. mohon pencerahaanya terimakasih
mas mau tanya kalo untuk form yang ada select optionnya bagaimana untuk scriptynya?
Wa'alaikumsalam. Alhamdulillah.
Bisa gan, teliti lagi bahwa value yang kamu set di jquery itu id nya sesuai
Di if terus kasih fungsi $('#div').attr('selected','selected');
tutorialnya bermanfaat sekali... terimakasih....
Alhamdulillah. Sama2 gan
Bang mau tanya klo menampilkan foto berdasarkan id di ci gmn ya?
Sama seperti menampilkan data edit biasa, pake parameter id datanya
kok pas diedit formnya tidak muncul ya mas
tiaramuttianingtyas : Tambahnya sukses? Jika masih ada kendala bisa konsultasi di forum telegram https://t.me/yukcodingid
Form edit saya muncul, tapi fieldnya tetep kosong kaya tambah. Mungkin ada kesalahan di script js. Untuk file jsnya itu isinya yg kaya gmn ya mas? Saya pake template sbadmin2 jd beda lokasi dan penamaan file jsnya nih.. mohon bantuan mas
Unknown : Buka di chrome, cek di console, perhatikan errornya apa disitu
mas, mau nanya pada koding yg ini mas punya ngerespon, tp sya punya kok tidak ya?
$(document).ready(function(e) {
$("#form").on("submit", (function(e) {
e.preventDefault();
$.ajax({
url : 'models/proses_edit_barang.php',
type : 'POST',
data : new FormData(this),
contentType : false,
cache : false,
processData : false,
succes : function(msg) {
$('.table').html(msg);
Benny Chandra : Buka di chrome, cek di bagian console, ada error atau gak
Notice: Trying to get property of non-object in D:\XAMPP\htdocs\KKP\models\proses_edit_struktur.php on line 29
Warning: unlink(../img/struktur/): Permission denied in D:\XAMPP\htdocs\KKP\models\proses_edit_struktur.php on line 30
kira" salahnya dimana ya? mengikuti tutor padahal
cobacoba : Cek lagi, samain tutorial. Jika masih ada kendala bisa diskusi di grup telegram https://t.me/yukcodingid
pas edit data kok saya muncul gini ya ka?
You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '= 2' at line 1
ketika mau ganti gambar kok muncul gini Unknown column 'id_barang' in 'where clause', padahal skrip sudah sama dg tutorial
padahal tidak ada id_barang pada skrip
assalamualaikum kaka kalo seperti ini salah nya dimana ya
You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'id' at line 1
codenya dapat di download ga min?
min mohon info, untuk proses edit fotonya tampil ini min "You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '= 642' at line 1"
tolong pencerahannya min
halaman edit nya ga muncul min
Berkomentarlah dengan bahasa yang relevan dan sopan.. #ThinkHIGH! ^_^