Cara menghubungkan form login ke menu utama html
Show Hallo pembaca sekalian pada tutorial ini kita akan membahas cara membuat form login dengan php dan MySQLi database. Halaman login diperlukan untuk aplikasi berbasis web untuk memberikan batasan akses jika diperlukan. Biasanya batasan akses diperlukan seperti aplikasi web berbentuk sistem informasi, seperti sistem informasi akademik, sistem e-commerce dll. Sebelum membuat halaman login lengkap dengan database MySQLi hal – hal yang harus di siapkan untuk adalah sebagai berikut: 1. Editor Editor ini digunakan untuk menuliskan script seperti php, html dan css. Beberapa pilihan editor yang ada yaitu Sublime text, Visual studio code, notepad, notepad++, dll. Silahkan gunakan salah satu dari pilihan yang ada. 2. Database Server Selain MySQL kita bisa menggunakan database server lain seperti PostgreSQL. Khusus untuk tutorial ini kita menggunakan MySQL 3. Webserver Salah satu webserver yang sering digunakan adalah apache. Itulah beberapa hal yang harus ada dalam pembuatan form login. Kita dapat menginstalnya terlebih dahulu. Untuk database dan webserver dalam satu paket kita dapat menggunakan XAMPP atau WAMPP. Lebih lanjut pahami tentang kebutuhan software belajar php. Langkah – langkah Membuat Form dan Database untuk LoginHal yang akan diselesaikan untuk dapat membuat sistem login ini adalah antarmuka dan database. Ada beberapa halaman atau antarmuka yang harus kita buat. Silahkan ikuti langkah-langkah ini untuk membuat form login Menggunakan php dan MySQLi database. 1. Membuat Form LoginKita dapat membuat form dalam bentuk yang lebih sederhana. Dapat juga menggunakan bootstrap agar tampilan dari form yang dibuat menjadi lebih bagus seperti di bawah ini. Membuat Form LoginSilahkan donwload bootstrap terlebih dahulu dan masukkan ke directory project. Setelah memiliki bootstrap dalam project buat file login dengan menuliskan script di bawah ini: script login.php
simpan script ini dicectory project : htdocs/indonetsource/login.php. Akses file login.php di browser melalui url: 2. Membuat Proses loginHalaman login yang dibuat pada langkah 1 memiliki button submit proses_login.php 0) { $data = mysqli_fetch_array($query); $_SESSION['username'] = $data['username']; header("Location: halaman_utama.php"); } else { $_SESSION['login_gagal'] = "Username dan password salah" ; header("Location: login.php"); } ?> simpan script ini dicectory project : htdocs/indonetsource/proses_login.php 4. Desain Halaman UtamaSebagai feedback apakah proses login yang kita buat berjalan maka akan ada 2 kondisi yang akan terjadi setelah halaman login di submit. Pertama notifikasi username dan password salah. Kedua terbukanya akses ke halaman utama jika password dan username yang dimasukkan benar. Desainlah halaman utama seperti di bawah ini yang akan muncul ketika proses login sukses. Halama Utamagunakan script di bawah ini untuk membuat halaman utama. halaman_utama.php
|