Aplikasi yang kita gunakan sering berinteraksi dengan pengguna melalui antarmuka pengguna dan mengumpulkan serta menyimpan data dalam tabel terorganisir yang disebut tabel database. Jadi, saat mengembangkan aplikasi, pengembang harus mengetahui cara kerja aplikasi. Di sini kita akan mengambil contoh sederhana formulir pendaftaran pengguna di web untuk mengilustrasikan bagaimana Anda dapat terhubung dan mengirim data dari ujung depan i. e. Formulir HTML ke ujung belakang i. e. MYSQL
Pertama untuk menjalankan database kita perlu menjadikan komputer kita sebagai host lokal yang artinya komputer kita akan bertindak sebagai server sekaligus klien. Selama tahap pengembangan setiap aplikasi dihosting di server lokal yang umumnya disebut host lokal
Cara membuat host lokal
Langkah 1. Unduh XAMPP dari situs resmi
Langkah 2. Instal dan jalankan file unduhan
Langkah 3. Setelah dijalankan, panel kontrol XAMPP akan terbuka
Langkah 4. Di panel Kontrol Anda akan memulai Apache dan MY SQL dan akan membiarkan Filezilla, Tomcat, Mercury apa adanya
Langkah 5. Tunggu hingga Apache dan MY SQL berubah menjadi hijau
Langkah 6. Jika berubah menjadi hijau, server lokal Anda sedang berjalan
Untuk mengecek apakah berfungsi atau tidak
Langkah 7. Buka browser web dan ketik localhost
Ini akan membuka halaman selamat datang XAMPP, Sekarang Anda telah berhasil membuat host lokal
Setelah localhost berjalan kita dapat menemukan folder htdocs di dalam folder xampp di C. /
Setiap proyek yang kami bangun akan dibuat di dalam folder ini, direktori file Anda harus seperti
xampp/htdocs/folder_anda
Sekarang, untuk membangun formulir HTML yang berfungsi yang terhubung dengan database MY SQL menggunakan PHP, kami akan membuat folder insider htdocs dengan nama apa pun yang Anda inginkan kemudian, kami akan membuat dokumen HTML dan PHP di dalam folder yang sama
Cara membuat formulir pendaftaran pengguna
Kita dapat menggunakan editor teks apapun seperti Notepad++, Sublime text dll untuk menulis dokumen HTML. Cukup Anda dapat menggunakan prosedur berikut
Langkah 1. Buka editor teks apa pun
Langkah 2. Buat formulir HTML menggunakan kode berikut
Ini akan membuat formulir HTML sederhana
Langkah 3. Simpan dokumen di dalam folder yang kita buat di dalam htdocs menggunakan nama apapun. ekstensi html
Sekarang, untuk memeriksa formulir HTML build di atas
Buka browser web dan ketik localhost/your_folder/any_name. html
Di atas halaman HTML akan terlihat seperti ini
Setelah membuat form HTML kita perlu membuat file lain di PHP yang akan menghubungkan form HTML (Front end) dengan database MY SQL (Back end)
Bagaimana menghubungkan form HTML dengan database MYSQL
Untuk menghubungkan formulir HTML dengan database MY SQL, kita dapat menggunakan bahasa back end seperti PHP, Python. Di sini kita akan menggunakan PHP untuk menghubungkan dan menyimpan data dari form HTML ke database MY SQL
Langkah 1. Buka editor teks apa pun
Langkah 2. Buat dokumen PHP menggunakan kode berikut
Langkah 3. Simpan dokumen dengan nama “connect. php” dalam folder yang sama dengan form HTML
[Catatan. Anda dapat mengubah nama file PHP tetapi harus sesuai dengan nama di dalam tag dalam dokumen HTML. ]
Cara membuat tabel database di MYSQL
Karena kita telah menginstal XAMPP sebagai server lokal, kita dapat langsung mengakses database MYSQL melalui phpmyadmin. Anda dapat mengikuti langkah berikut untuk membuat database
Langkah 1. Buka browser web dan ketik localhost/phpmyadmin
Langkah 2. Klik baru dan beri nama basis data Anda. Karena kami telah menggunakan "register" sebagai nama database di "connect. php” gunakan register sebagai nama database. Anda dapat memilih utf8_general_ci dalam tipe
Langkah 3. Sekarang Anda harus memberi nama tabel untuk dibuat. Karena kami telah menggunakan "signup" sebagai nama tabel di "connect. php” gunakan pendaftaran sebagai nama tabel. Pilih 3 dalam jumlah kolom dan tekan go
Langkah 4. Tabel dibuat dengan 3 kolom beri nama untuk bidang Anda. Karena kami telah menggunakan "fname", "Email" dan "password" sebagai nama field di "connect. php" Gunakan nama "fname", "Email" dan "password". Pilih VARCHAR dalam tipe dan berikan panjang/nilai menjadi 50
Langkah 5. Tekan Simpan
Ini akan membuat nama tabel "signup" dengan 3 field "fname", "Email" dan "password" di dalam nama database "register"
Sekarang, kita sudah selesai dengan ketiga form HTML, dokumen PHP dan database MY SQL
Untuk menjalankan build
Langkah 1. Buka browser dan ketik localhost/your_folder/any_name. html
Ini akan membiarkan Anda memasukkan data dari browser Anda dan di back end kami “connect. php" akan membuat koneksi dengan nama database kami "register" dan menyimpan data di atas masukkan dalam nama tabel "signup" dengan 3 bidang "fname", "Email" dan "password"