Kembali lagi masih dalam pembahasan tutorial PHP, kali ini saya membagikan bagaimana cara membuat form pendaftaran dengan PHP dan juga menggunakan database mySQL. Artikel ini memang di khususkan untuk kalian pemula yang sedang belajar membuat website dengan memakai bahasa pemrograman PHP.
Sebagai info saja sebelumnya saya juga sudah membahas tentang membuat form login dengan PHP pada artikel tersebut kita membuat fungsi login agar pengguna dapat mengakses aplikasi melalui sistem login.
Hal-hal yang perlu kalian persiapkan untuk membuat form pendaftaraan ini tentunya adalah server lokal [localhost] dan database, keduanya sudah tersedia di dalam aplikasi Xampp. Selain itu kalian memerlukan aplikasi notepad++ untuk editornya, kalian bisa download gratis di internet.
Baca juga: Cara menampilkan data dari database
Untuk desain tampilan form pendaftaran saya menggunakan framework CSS bootstrap. Menurut saya dengan menggunakan bootstrap ini kita dapat membuat desain tampilan form yang bagus tanpa harus sibuk dengan urusan CSS.
- Konfigurasi Database
- Membuat file koneksi database
- Konfigurasi Bootstrap 4
- Membuat form pendaftaran
- Form Pendaftaran tanpa Bootstrap
- Perbedaan tampilan
- Menyimpan data pendaftaran ke database mySQL
- Uji Coba
- Download Source Code
- Lihat Tutorial di Yotube
Konfigurasi Database
Buat sebuah database baru, misalnya dengan nama penjualan. Kalian bisa gunakan dengan nama database yang lain sesuai dengan project kalian.
create database penjualan;gunakan database penjualan dengan perintah
use penjualan;Buat sebuah tabel dengan nama anggota pada database penjualan;
create table anggota[
id_anggota int not null auto_increment primary key,
username varchar[30] not null,
nama varchar[50],
alamat varchar[50],
email varchar[30],
no_hp char[13],
password varchar[200]
];Membuat file koneksi database
Pada tahap ini kita membuat file php untuk mengkoneksikan web kita dengan database yang telah kita buat.
Buat file dengan nama koneksi.php kemudian simpan didalam folder projek di htdocs. Contohnya disini saya membuat folder penjualan simpan file koneksi.php didalam folder tersebut.
Konfigurasi Bootstrap 4
Bila kalian belum belum pernah mengenal dan menggunakan bootstrap. Sebaiknya baca dulu artikel saya mengenai Pengertian Bootstrap. Untuk menggunakan bootstrap kita bisa menggunakan metode CDN dan atau download ke dalam driver kita. Baca pada cara menggunakan bootstrap
Kalian bisa baca pada dua artikel yang saya beri link di atas. Semua sudah sangat jelas saya bahas di sana. Mohon maaf saya tidak membahas di artikel ini agar lebih mempersingkat waktu dan agar supaya kita lebih fokus pada topik kita mengenai cara membuat form pendaftaran dengan PHP. Karena sebetulnya tanpa bootstrap juga tetap bisa berjalan hanya tampilannya saja yang kurang menarik bila tanpa menggunakan bootstrap.
Pada tahap ini kita membuat file PHP dengan nama form-pendaftaran.php isinya seperti berikut:
Form Pendaftaran Anggota
Username:
Nama:
Alamat:
Email:
No HP:
Password:
Submit
Form yang dibuat diatas menggunakan bootstrap. jika diperhatikan pada bagian saya load css bootstrapnya.
Disini kita menggunakan method POST. terdapat dua jenis method post dan get namun terdapat perbedaan dari keduanya. perbedaannya adalah method post cenderung lebih aman jika dibandingkan memakai method get. Selengkapnya baca pada artikel cara membuat form di html
Nantinya form ini akan dikirim ke simpan-pendaftaraan.php yang akan kita buat pada tahap selanjutnya.
Form Pendaftaran tanpa Bootstrap
Bila kalian tidak ingin menggunakan bootstrap untuk pembuatan form pendaftarannya tidak jadi masalah. Kalian bisa membuat form nya seperti berikut:
Form Pendaftaran Anggota
Form Pendaftaran Anggota
Username:
Nama:
Alamat:
Email:
No HP:
Password:
Submit
Bila diperhatikan dari segi baris sintak lebih sedikit jika tanpa bootstrap namun menggunakan bootstrap jauh lebih efektif. Karena saaat ini penggunaan form menggunakan struktur tabel sudah dihindari.
Perbedaan tampilan
Perbedaan tampilan sangat terlihat jelas, apabila kita membuat form tanpa bootstrap terlihat jadul dan tidak menarik. Selain itu tampilan form nya pun tidak responsive seperti bila kita menggunakan bootstrap. Jadi disini saya lebih menyarankan kepada kalian untuk menggunakan bootstrap
Menyimpan data pendaftaran ke database mySQL
Buat sebuah file PHP dengan nama simpan-pendaftaran.php isi file nya seperti berikut