Jadi untuk permohonan maaf mimin, mimin bawain kado ilmu buat kalian yang mungkin udah kangen, yaitu mimin mau ngasih tutor cara "Membuat Login Dengan PHP dan penggunaan Session". Oke langsung simak aja yaaa....
Buat Database
- Buat database dengan nama db_web, disini saya menggunakan xampp.
- Lalu klik Create
- Setelah mengeklik create, maka akan muncul tampilan di atas.
- Tampilan di atas adalah untuk membuat table.
- Masukkan nama table, disini saya menggunakan nama table login.
- Masukkan jumlah kolom yang di inginkan, disini saya memasukkan jumlah kolom sebanyak 3 kolom.
- lalu klik Go
- Setelah kalian membuat table, maka akan muncul seperti ini.
- Disini terdapat 3 kolom, yang masing masing fieldnya saya beri nama id, username, dan password.
- Type data dengan field yang bernama id saya berikan type data berbentuk integer atau nama lainnya int dengan length yang tidak saya isi, karena akan otomatis terbentuk sendiri (biasanya 11) dan saya berikan primary key dan juga check box A_I saya centang.
- Field yang bernama username saya berikan type data berbentuk varchar dengan length sebanyak 20.
- Field yang bernama password saya berikan type data berbentuk varchar dengan length sebanyak 20.
- Setelah kalian mengisi sesuai dengan ketentuan yang sudah mimin sebutkan, langsung klik tombol Save di pojok kanan bawah
- Setelah kalian klik tombol save tersebut, maka kalian akan langsung ditampilkan seperti tampilan di atas
- Langsung kalian klik yang tulisannya insert
- Setelah kalian mengeklik tombol insert, maka kalian langsung diarahkan ke tampilan diatas.
- Isikan data di bagian Value
- Isikan username dengan admin
- Isikan password dengan admin, abaikan saja MD5 di bagian Function
- Setelah itu klik Go
- Setelah kalian klik Go, maka kalian akan langsung diarahkan ketampilan seperti gambar di atas.
- Value di bagian password berisi angka angka itu berasal dari hasil MD5, karena di sini kita tidak memakai MD5 maka seharusnya yang muncul di value tersebut adalah berupa tulisan admin.
Tahap pembuatan database telah selesai, Selanjutnya kita akan masuk ke proses pembuatan script. Langsung aja kalian perhatikan di bawah ini :
login.php
Pertama kita harus buat dulu form untuk mengisi username dan pasword kita, langsung aja scriptnya di bawah ini :
<html>
<head>
<link rel="stylesheet" type="text/css" href="login.css">
</head>
<body>
<div id="kotak">
<div id="atas">
LOGIN ADMIN
</div>
<div id="bawah">
<form method="post" action="action.php">
<input class="masuk" type="text" autocomplete="off" placeholder="Username .." name="username"><br/>
<input class="masuk" type="password" autocomplete="off" placeholder="Password .." name="password"><br/>
<input id="tombol" type="submit" value="Login">
</form>
</div>
</div>
</body>
</html>
login.css
Kedua kita buat cssnya untuk mempercantik tampilan form login, dibawah ini adalah scriptnya :
body{
background:#ECF0F1;
font-family: sans-serif;
}
#kotak{
width: 520px;
height: 250px;
background: #fff;
margin: 150px auto 100px auto;
color:#2ECC71;
}
#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 #2ECC71;
padding-left:10px;
color:#2ECC71;
}
.masuk:focus{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
font-size: 12pt;
padding-left:10px;
color:#1ABC9C;
outline: none;
box-shadow: 0 0 5px #2ECC71;
}
#tombol{
width: 400px;
height:40px;
margin-top:10px;
margin-left: 60px;
background: #2ECC71;
border:none;
color:#fff;
font-size: 14pt;
outline:none;
}
config.php
Selanjutnya kita membuat koneksi agar file php kita dabat terhubung ke database, scriptnya seperti di bawah ini :
<?php
mysql_connect("localhost","root",""); // isi sesuai host anda
mysql_select_db("db_web"); // nama database yang saya buat tadi
?>
action.php
File action 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. Scriptnya di bawah ini
<?php
session_start(); //mulai session, krena kita akan menggunakan session pd file php ini
include 'config.php'; //hubungkan dengan config.php untuk berhubungan dengan database
$username=$_POST['username']; //tangkap data yg di input dari form login input username
$password=$_POST['password']; //tangkap data yg di input dari form login input password
$query=mysql_query("select * from login where username='$username' and password='$password'"); //melakukan pengampilan data dari database untuk di cocokkan
$x=mysql_num_rows($query); //melakukan pencocokan
if($x==TRUE){ // melakukan pemeriksaan kecocokan dengan percabangan.
$_SESSION['username']=$username; //jika cocok, buat session dengan nama sesuai dengan username
header("location:index.php"); // dan alihkan ke index.php
}else{ //jika tidak tampilkan pesan gagal login
echo "gagal login";
}
?>index.php
ini adalah halaman yang akan tampil apabila username dan pasword yang kita masukkan cocok dengan yang ada di database. Scriptnya dibawah ini :
<?php
session_start();
if(empty($_SESSION['username'])){
header("location:login.php");
}
echo "selamat datang ".$_SESSION['username'];
?>
<br/>
<br/>
<br/>
<a href="logout.php">Logout</a>logout.php
kalian pasti udah ga asing lah dengan yang satu ini, jadi mimin gausah ngejelasin yaaa. Langsung aja ke scriptnya :
<?php
session_start(); //perintah agar file ini membaca/mengenal/memulai session
session_destroy(); // perintah menghapus semua session yg ada
header("location:login.php"); // mengalihkan halaman ke login.php
?>Akhirnya tutorial satu ini kelar juga mimin tulis, semoga ini bermanfaat buat kalian probers. Sering-sering yaa mampir. dan ini satu lagi hampir ketinggalan, ini versi cepetnya langsung download aja di bawah ini :
thx gan
ReplyDeletepunya ku kok selalu eorr di mysql_connect ya? tolong bantuannya
ReplyDeletebikin hakaksesnya gimana? maaf pemula?
Delete