Membuat Edit Data (& Replace Gambar di Direktori) dengan Modal Bootstrap

Assalamu'alaikum wr. wb.

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.
Membuat Edit Data (& Replace Gambar di Direktori) dengan Modal Bootstrap
Item Reviewed: Membuat Edit Data (& Replace Gambar di Direktori) dengan Modal Bootstrap 9 out of 10 based on 10 ratings. 9 user reviews.

ini pakai framework atau native php 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

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

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 :thumbup

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

Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.

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

Emoticon? nyengir

Berkomentarlah dengan bahasa yang relevan dan sopan.. #ThinkHIGH! ^_^

Info

Agar tidak ketinggalan update menarik :

Follow instagram @yukcoding
Subscribe youtube YukCoding Media

Happy coding :)
Just load it!