Cara Membuat Halaman Login Dengan PHP Dan Bootstrap 3

Kali ini saya akan membagikan tutorial sederhana tentang cara membuat halaman login menggunakan PHP MYSQL dan Bootstrap 3 , Pada dasarnya halaman login merupakan salah satu faktor penting dalam sebuah website yang berfungsi untuk mengamankan halaman pribadi kalian yang tidak ingin di ketahui oleh orang lain ..

Salah satu contoh nya adalah facebook yang menggunakan akses login pada halaman awalnya yang bertujuan untuk memastikan bahwa akun tersebut benar benar milik anda , Coba bayangkan kalau facebook tidak memiliki sistem login yang aman bisa saja orang lain akan mengakses facebook anda dan melakukan hal-hal yang tidak di inginkan ,

Bahaya sekali bukan ? Nah justru karena itu halaman login merupakan salah satu faktor penting pada sebuah website yang di kelola ,Oke langsung saja kita masuk ke tutorial nya ,


Pertama-tama kita membuat Database loginnya dlu berikut di bawah ini adalah penampakan scriptnya :

Setelah membuat databasenya sekarang kita membuat halaman form loginnya , Silahkan Copas kode di bawah ini dan simpan dengan nama index.html 

Dan untuk mempercantik Form Login nya kita menggunakan css , Silahkan Copas kode di bawah ini dan simpan dengan nama style.css

Setelah itu kita buat sambungan koneksi untuk menghubungkan ke MySql , Silahkan Copas kode di bawah ini dan simpan dengan nama koneksi.php

Setelah berhasil membuat file koneksi nya silahkan Copas kode di bawah ini dan simpan dengan nama proses.php

Setelah berhasil membuat file proses.php, Langkah selanjutnya adalah membuat file index.php Jadi jika sudah berhasil login maka akan langsung teredirect ke halaman utama ini

Dan langkah terakhir adalah membuat file logout.php, yang berfungsi menghapus session kita agar akun lebih secure, untuk membuat file logout tersebut silahkan copas kode di bawah ini.

Bagaimana ? Cukup mudah bukan , untuk yang belum mengerti silahkan komentar di bawah ya .. dan  untuk yang mau melihat hasilnya seperti apa silahkan klik tombol demo di bawah ..

Demo account :
username : admin
password : admin


EmoticonEmoticon