Menyimpan dan Menampilkan Data dari Database
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:
Tidak ada komentar:
Posting Komentar