Breaking News
Home / Website / Membuat Buku Tamu dengan kode PHP, MySQLi dan Bootstrap.

Membuat Buku Tamu dengan kode PHP, MySQLi dan Bootstrap.

Bagi sahabat sekarang ini ada tutorial dari saya tentang buku tamu atau guestbook dengan kode PHP, MySQLi dan Bootstrap, dimana nanti terdapat form untuk pengisian buku tamu, kemudian di bawah form tersebut akan juga menampilkan 5 tulisan buku tamu terakhir, dan juga ada menu di navigasi atau navbar untuk melihat isi semua buku tamu yang pernah di tulis oleh visitor atau pengunjung website kita.

Sebelum kita mulai sebaiknya menyiapkan struktur folder dan file yang nantinya akan dibuat, ini adalah contohnya silahkan anda lihat

Mari kita mulai untuk tutorialnya.

Persiapan

Langkah pertama adalah mendownload framework bootstrap di situs resmi, karena kita menggunakan framework bootstrap sebagai promotor dan sebagai pemroses

Setelah di kita download file extensi .zip di ekstrak dahulu, dan sekarang sudah ada 3 buah folder seperti gambar di atas tadi (css, fonts, js) 3 folder ini yang dibutuhkan. Silahkan buat folder baru di htdocs (jika menggunakan xampp) atau di folder www (jika menggunakan appserv). Kalau saya menggunakan xampp dan bernama bukutamu

Membuat Database

Setelah langkah diatas langsung kita masuk kedalam bagian database. Buatlah sebuah database baru, misal bukutamu. Kemudian silahkan masuk ke menu SQL dan jalankan query di bawah ini:

Jika sudah kita akan otomatis mendapakan tabel seperti gambar di bawah ini:

Koneksi ke Database

Selanjutnya buatlah sebuah koneksi ke database, koneksi ini menggunakan mysqli. karena kalau menggunsksn mysql sudah tidak support lagi di xampp tetapi mungkin di hosting kalian masih work atau masih jalan. Mysql sudah tidak lagi open souce maka alternatifnya mysqli

Buatlah file config.php dan isi script di bawah ini:

Jangan lupa untuk disimpan

Catatan dan penjelasan :

  • Baris ke 3 adalah baris kode error_reporting(E_ALL ^ (E_NOTICE)); fungsinya digunakan untuk mengabaikan pesan kesalahan, Pesan ini bisa di abaikan saja

Halaman Untuk Buku Tamu

Ini merupakan tahap yang bisa membuat tampilan halaman utama atau sebagai media untuk menampilkan halaman utama, disini juga akan menampilkan form buku tamu dan 5 data terakhir dari buku tamu.

Buatlah file index.php dan isi script di bawah ini:

 

Jangan lupa untuk disimpan

Catatan dan penjelasan :

  • Baris  ke-2 : berfungsi untuk memasukkan file config.php
  • Baris ke-56 – 93 : kode HTML standart untuk form inputan, dengan formula framework bootstrap
  • Baris ke-97 – 102 : berfungsi untuk mendefinisikan variabel dari inputan form di atas
  • Baris ke-105 – 112 : berfungsi untuk memulai proses input data ke database, query mysqli
  • Baris ke-120 : query ke database untuk menampilkan 5 data terakhir dengan urutan id paling besar dahulu
  • Baris ke-122 : berfungsi untuk Jika ditemukan data di database, maka data akan di tampilkan
  • Baris ke-123 : berfungsi untuk perulangan while untuk menampilkan data dari query baris ke 120
  • Baris ke-124 – 157 : berfungsi untuk menampilkan data dari perulangan while di atas, dengan format table bootstrap
  • Baris ke-159 : berfungsi untuk jika query baris 120 tidak ada data maka menampilkan pesan baris ke-160

Selebihkan itu hanyalah koding biasa tentang HTML.

Cara Menampilkan Semua Data Buku Tamu

Fungsi untuk menampilkan butu tamu, sudah kita masukkan link pada navbar yaitu pada baris ke-34. file yang di buka selanjutnya adalah data.php. Jadi kita buat file baru data.php. Dan dan isi script di bawah ini:

 

Jangan lupa untuk disimpan.

Isinya memang tidak jauh beda dengan file sebelumnya yang kita buat. Jadi biar tidak bingung saya jelaskan di catatan dan penjelasan :

  • Baris ke-2 : berfungsi untuk memasukkan file config.php agar bisa terhubung ke database
  • Baris ke-57 : query mysqli untuk mendapatkan data dari database dengan urut id paling besar dahulu
  • Baris ke-59 : berfungsi untuk jika data dari query baris ke-57 ada datanya, maka akan menjalankan baris ke-60 – 95
  • Baris ke-60 : berfungsi untuk perulangan while untuk menampilkan data dari query baris ke-57
  • Baris ke-61 – 94 : berfungsi untuk menampilkan data dari perulangan baris ke-60, dan ditampilkan dengan table bootstrap
  • Baris ke-96 : berfungsi untuk jika dari query baris ke-57 tidak ditemukan data di database, maka menampilkan pesan di baris ke-97

Finish

Lumayan panjang juga untuk pemula dan saya rasa cukup untuk tutorial membuat buku tamu ini, semoga bisa membantu buat para sahabat yang sedang belajar dalam pemrograman PHP.

Bila masih bingung anda bisa download file yang sudah jadi

About Nino

hanya sekedar tulis-tinulis untuk membagikan informasi

Check Also

Macam Macam Htaccess Untuk Kita Ketahui

Pada hari ini saya akan sharing htaccess yang dibilang sangat mudah dan juga bisa sangat …

2 comments

  1. I am pleased to learn php in this blog because responsive design knowledge hopefully helpful

  2. I should be grateful to the author of this blog.
    I hope in the future be able to write your own blog and I will learn about programming in advance

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *