Cara membuat form register dengan php

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
    

	

          

              
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

Pada file simpan-pendaftaran.php berfungsi untuk menerima inputan data anggota melalui form pendaftaran yang telah kita buat sebelumnya. LaLu kemudian di input kedalam tabel anggota didalam database. Apabila inputan berhasil maka sistem akan mencetak “Berhasil simpan data anggota”, sementara jika gagal maka akan menampilkan “Gagal siman data anggota”

Uji Coba

Tahap akhir kita uji coba form pendaftaran dengan PHP yang telah kita buat.

http://localhost/penjualan/form-pendaftaran.php

Kita isi setiap isian yang ada dengan benar, kemudian kita tekan tombol submit.

Ketika kita menekan tombol submit maka akan masuk ke halaman simapn-pendaftaran.php. Apabila berhasil di input ke dalam database maka sistem akan menampilka ‘Berhasil simpan data anggota’

Untuk membuktikan bahwa input form pendaftaran anggota telah berhasil disimpan di database. Maka kita buka langsung databasenya

Terlihat dari gambar di atas bahwa data anggota telah berhasil tersimpan.

Download Source Code

Silahkan buat teman-teman yang ingin langsung download source code dibawah ini:

[sociallocker id=”5349″] [/sociallocker]

Lihat Tutorial di Yotube