Membuat Form Pencarian(Search) PHP MySQLi

Post oleh : Satria Risky | Rilis : 20.17 | Series : PHP Tutorial

 

Halo... Dalam membuat form pencarian kita perlu membuat form input, edit, dan delete terlebih dahulu, tapi tidak usah khawatir saya jua akan memberikan tutorialnya secara simpel. Karena, 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 saya 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 https://ajar20.blogspot.com/2020/09/apache-pada-xampp-tidak-bisa-distart.html. 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 formproduk

Folder assets

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.

Pada saat diriku melihat kemudahan yang sinarnya sudah mulai terbenam, maka ketahuilah bahwa porosnya akan kembali terang.

Di dunia ini kegundahan adalah musafir, seperti tamu yang datang sewaktu- waktu kemudian pergi.