Pada tetutorial kali ini, saya akan membahas tentang bagaimana cara membuat login dengan session menggunakan database. Langsung aja kita ke tekape, langkah pertama adalah membuat database dan tabel. Untuk pembuatan database dan tabel, disini saya menggunakan phpMyAdmin.
A. Membuat database dengan nama db_web 
B. Membuat tabel dengan nama login, yang terdiri dari 3 kolom.
Sesuaikan nama field, tipe dan panjang tipe seperti gambar dibawah ini. Jangan lupa untuk Primary Key adalah id dan centang pada A_I yang artinya id secara otomatis data akan diisi oleh sistem/MySQL.
Inputkan data pada tabel login, kemudian untuk id dikosongkan.
Setelah kita membuat database dan tabel, langkah selanjutnya adalah membuat folder tutorlogin di XAMPP yang terletak di folder htdoc
C. Membuat form login dengan nama login.php
D. Mempercantik tampilan form login dengan css, simpan dengan nama login.css
body{
background:#ECF0F1;
font-family: sans-serif;
}
#kotak{
width: 520px;
height: 250px;
background: #fff;
margin: 150px auto 100px auto;
color:#0090c5;
}
#atas{
height: 35px;
width: 520px;
text-align: center;
font-size: 15pt;
padding-top:20px;
}
#bawah{
height: 200px;
width: 520px;
}
.masuk{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
font-size: 12pt;
border: 1px solid #0090c5;
padding-left:10px;
color:#0090c5;
}
.masuk:focus{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
font-size: 12pt;
padding-left:10px;
color:#0090c5;
outline: none;
box-shadow: 0 0 5px #0090c5;
}
#tombol{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
background: #0090c5;
border:none;
color:#fff;
font-size: 14pt;
outline:none;
}
E. Membuat koneksi file php yang kita buat terhubung dengan database, script nya seperti berikut, simpan dengan nama config.php
F. Membuat action.php digunakan untuk menyeleksi apakah data yang kita masukkan di form login.php sesuai dengan yang ada di database, jika sesuai maka akan diarahkan ke file index.php, jika tidak maka akan muncul pesan error.
G. Membuat index.php yang merupakan halaman yang akan tampil apabila username dan pasword yang kita masukkan cocok dengan yang ada di database.
H. Membuat logout.php.
Tampilan form login.
Selamat mencoba dan semoga sukses dalam cara membuat login dengan session menggunakan database.
0 komentar:
Post a Comment