Membuat halaman login dengan php dan bootstrap

Membuat halaman dengan php adalah salah satu tutorial bagai mana cara kita membuat halaman login di website kita, dimana seperti yang kita ketahui banyak situs-situs yang mengharuskan kita untuk login terlebih dahulu untuk dapat mengakses secara penuh website tertentu. Mengapa halaman login sangatlah penting? Halaman login php merupakan fitur penting untuk menangani HAK AKSES. Hak Akses berfungsi sebagai pembeda atau pembatasan akses dari sebuah aplikasi berbasis web antara admin,operator  dan user biasa. Dalam tutorial php kali ini serba coding akan berkolaborasi dengan framework bootstrap sebagai front-end agar halaman login kita lebih menarik selain itu kita bisa belajar bootstrap secara langsung dalam tutorial membuat halaman login ini.

Membuat halaman login dengan PHP dan Bootstrap 

Sebagai langkah pertama kita akan belajar membuat form login dengan bootstrap. Karena tema kita kali ini selain membuat form login dengan php kita juga belajar bootstrap jadi kita buat template form loginnya dulu
1. Download terlebih dahulu bootstrapnya disini.
2. Buatlah folder baru pada direktori htdocs dengan nama contoh atau sesuai dengan kenginginan anda.
3. Ekstrak Bootstrap yang sudah kita download tadi kemudian pindahkan folder css, js, dan fonts ke folder assets

Langkah kedua: buat lah sebuah database dengan nama “contoh” atau sesuai dengan keinginan anda, lalu dalam database tersebut buatlah sebuah tabel dengan nama “user”, untuk struktur dari tabel tersebut adalah sebagai berikut:

Langkah ketiga: setelah kita kita membuat database, selanjutnya kita akan membuat file baru di dalam folder config dengan nama config.php, selanjutnya ketikan script dibawah ini:

Langkah keempat: buka file login.php dan isikan dengan script berikut. Dan untuk mendalami bagaimana cara menggunakan bootstrap dengan php kalian bisa mempelajarinya di cara menggunakan bootstrap dan untuk memahami system grid atau layouting kalian bisa membaca belajar bootstrap grid system.

sekian tutorial kita kali ini, dan tutorial ini akan berlanjut untuk kedepanya senghingga menjadi apikasi pengeololan keuangan , jadi ikut terus tutorial-tutorial dari serba coding, 
untuk tutorial di atas silahkan download disini.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *