Menyimpan dan Menampilkan Data dari Database #3
Dalam artikel ini akan saya jelaskan bagaimana cara menyimpan data ke database dan menampilkan data yang ada di database. Agar data dari WEB dapat tersimpan ke database dan agar data yang telah tersimpan dapat ditampilkan kembali di WEB, yang pertama harus dilakukan adalah membuat database. karena saya memakai xampp sebagai local web server, maka untuk membuat database saya cukup mengetikkan “localhost/phpmyadmin” (tanpa tanda petik) di address bar web browser yang saya gunakan (firefox). setelah itu, buat database dengan nama latihan.
Setelah itu klik Create.
Kemudian buat table (data table dan web harus sama). Pada kesempatan
ini aya akan membuat table dengan nama koneksi dengan field sebanyak 3.
Atur isi table dengan susunan sebagai berikut:
Setalah membuat
database, langkah yang selanjutnya adalah membuat Form untuk
menginputkan datanya. Saya akan memberikan contoh tampilan web
sederhana, untuk membuatnya anda bisa pelajari scpript di bawah ini:
Anda bisa membuat script
di atas menggunakan notepad ataupun notepad++, untuk memudahkan
pengetikan saya merekomendasikan untuk menggunakan notepad++. Kemudian
simpan script di atas dengan nama form.html, kemudian simpan folder
htdoc (C:xampphtdocs). Agar data tidak tercampur, lebih baik lagi jika
kita membuat folder khusus di dalam htdocs untuk menyimpan tiap project.
Saya membuat folder baru (di dalam htdocs) dengan nama coba. Untuk
melihat hasilnya, silakan buka web browser anda dan pada address bar
ketikkan localhost/coba/form.html. jika benar maka hasilnya akan seperti
gambar di bawah ini
Setelah berhasil membuat
form untuk menginputkan data, yang diperlukan selanjutnya adalah
membuat script untuk meniyimpan data input.
Simpan data di atas
dengan nama save_data.php, simpan di folder coba. Akan saya jelaskan
secara singkat mengenai script di atas. Pada bagian //melakukan koneksi
ke database. Script $conn adalah perintah untuk melakukan koneksi.
Kemudian yang di dalam kurung, localhost merupakan server, root
merupakan username dan berhubung saya tidak memberikan password di xampp
maka cukup diketik (…,…,“”). Kemudian mysql_select_db merupakan
perintah untuk memilih database yang akan digunakan. Langkah terakhir
adalah melakukan ujicoba apakah script di atas berfungsi atau tidak.
Untuk mengetesnya silakan masuk ke web browser, ketikkan
localhost/coba/form.html kemudian isi data danklik simpan.
Jika berhasil maka akan muncul tampilan seperti dibawah ini
Demikian sedikit ilmu
yang dapat saya share. Semoga dengan yang sedikit ini dapat menambah
keinginan rekan-rekan untuk mempelajari pemrograman web. Selamat
mencoba.
Sumber:
