Membuat Form Input, Edit, dan delete beserta gambar PHP MySQLi dalam satu file

Post oleh : Satria Risky | Rilis : 19.58 | Series :

 

Halo... Dalam membuat form untuk input, edit, dan delete terkadang membuatuhkan beberapa file untuk membuatnya. Tapi, kali ini kita bisa membuatnya menjadi hanya satu file untuk input, edit, delete, dan menampilkannya sekaligus. Cara ini bisa dibilang cukup mudah karena tidak memerlukan banyak file yang bertele- tele. Saya juga akan menginputkan gambar, bagaimana caranya?. Di sini say akan menggunakn php versi baru yaitu versi 7. Mari langsung praktekkan saja ya. Atau Anda bisa download source codenya di sini.

Berikut langkah langkah pembuatannya, selamat mencoba. Semoga berhasil.

1.  Pastikan sudah menginstall Xampp di pc/ laptop kalian. Langsung saja hidupkan Apache dan Mysql, jika tidak bisa coba ubah portnya dulu. Pada umumnya port nya adalah 80. Tapi berhubung laptop di laptop saya port 80 sudah dipakai untuk aplikasi lain, maka saya ubah menjadi 82. Kalau ingin tahu caranya bisa dengan mengunjungi link ini. Seperti berikut.


2. Kita buat databasenya dulu untuk menyimpan data yang nanti kita akan simpan. Buka localhost/phpmyadmin atau localhost:82/phpmyadmin kalian pada browser yang ada pada pc dan laptop kalian. Buat databasenya dengan nama "produk", lalu buat tabel "produk" dan isikan seperti pada gambar berikut.


3. Kalau sudah buat folder "formproduk" di dalam folder xampp/htdocs. Lalu isikan filenya seperti berikut. Kalau ingin mempercantik tampilan webnya kalian bisa download bootstrap di situs resmi "https://getbootstrap.com/" atau bisa download di sini, lalu ekstrak dan masukkan ke dalam folder asset.(kalau tidak, tidak masalah). Di folder img adalah tempat untuk menyimpan gambarnya.

Folder asset

Folder formproduk

4. Sekarang saatnya memasukan kodenya. 

5. Isikan kode berikut pada file config.php untuk membuat koneksi dengan database.

6. Isikan kode berikut pada file index.php. ini adalah bagian yang akan ditampilkan.

7. Coba jalankan programnya pada browser Anda. Dengan mengetikkan "localhost/formproduk" atau "localhost:82/formproduk". Kalau terjadi error coba perbaiki, mungkin ada yang kurang atau kelebihan tanda.

8. Periksa sudah bisa di add belum. Tampilan add.

9. Periksa sudah bisa di edit belum. Tampilan edit.

10. Periksa sudah bisa di hapus belum.

Berikut tampilannya jika sudah benar.(sudah di input datanya).

Silahkan mencoba. Source code rar. di sini.


Sungguh bagaimana mungkin diriku mengembalikan hatiku secara utuh, sedangkan diriku melihat hatiku meleleh ditangannya.

Hatiku merupakan hati yang selsu meminum embun dari bibirnya yang tersenyum, maka mustahil dari gelas cintanya, hati ini akan berhenti minum.