Bagaimana kita bisa menyimpan data dalam database menggunakan formulir html?

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"

Bisakah saya menyimpan kode HTML di database?

Bagaimana Anda mengirim data dari formulir ke database?

Bagaimana cara mengumpulkan data dari formulir HTML?

Bagaimana cara menyimpan data dari formulir HTML ke database menggunakan asp net?