Membuat Form Login Sederhana dengan Session di PHP & MySQLi

Membuat Form Login menggunakan Session pada PHP - Sebuah variabel Session PHP digunakan untuk menyimpan informasi atau mengubah pengaturan untuk session pengguna. Session variabel menyimpan informasi tentang satu pengguna tunggal, dan tersedia untuk semua halaman dalam satu aplikasi.

Pertama - tama buatlah database dengan nama login dan buat table dengan nama user atau bisa download DISINI

Setelah database selesai dibuat import file SQL tadi yang sudah di download dengan membuka localhost/phpmyadmin lalu di bagian menu import, saatnya membuat kode untuk koneksi ke database tersebut.

Buat code dibawah ini dan simpan dengan nama koneksi.php

<?php
$dbhost = 'localhost';
$dbuser = 'root'; //ini hanya berlaku di Xampp
$dbpass = ''; //ini hanya berlaku di Xampp
$dbname = 'login';

$connect = mysqli_connect($dbhost,$dbuser,$dbpass,$dbname) or die('koneksi gagal');
?>

Setelah selesai membuat code diatas, selanjutnya kita akan membuat halaman awalnya.

Buat code dibawah seperti ini lalu simpan dengan nama index.php

<html>
<head>
<title>Contoh Form Login</title>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">

<div class="badan">
<div class="kepala">
<p class="kepalatext">» Dwi Febriandaru Site «</p>
</div>
<div class="bingkai">
<div style="padding-top:10px; padding-left:10px; padding-right:10px; color:#030033;">
<?php
session_start();
if(empty($_SESSION['username'])){
echo "<center>TAMPILAN SEBELUM LOGIN</center><br/>Maaf sepertinya anda belum Login,silahkan tekan link login dibawah <br/>
<a href='login.php'><center>Login</center></a>";
}else{
echo "<center>TAMPILAN SETELAH LOGIN<br/>Selamat Anda Berhasil Login<br/><a href='logout.php'>Logout</a></center>";
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

Halaman diatas adalah halaman awal yaitu halaman yang pertama kali akan ditampilkan saat user menggunjungi web sobat.

Langkah selanjutnya saatnya membuat form loginnya.

Buat code dibawah ini dan simpan dengan nama login.php

<html>
<head>
<title>Contoh Form Login</title>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">

<div class="badan">
<div class="kepala">
<p class="kepalatext">» Login «</p>
</div>
<form class="bingkai" action="proseslogin.php" method="POST">
<div>

<input class="email" type="text" name="username" placeholder="Masukkan Username"/>
<input class="passwd" type="password" name="password" placeholder="Masukkan Pasword"/>

Selanjutnya, sampailah kita pada step yang sangat penting. karena disinilah sebenarnya inti dari tutorial ini, yaitu membuat kode untuk proses loginnya.

Buat Code dibawah ini dan simpan dengan nama proseslogin.php.

<?php
include "koneksi.php";

$username = $_POST['username'];
$pass = $_POST['password'];

$login = mysqli_query($connect, "SELECT * FROM user WHERE username = '$username' AND password='$pass'");
$row=mysqli_fetch_array($login);
if ($row['username'] == $username AND $row['password'] == $pass)
{
session_start();
$_SESSION['username'] = $row['username'];
$_SESSION['password'] = $row['password'];
header('location:index.php');
}
else
{
echo "<center><br><br><br><br><br><br><b>LOGIN GAGAL! </b><br>
Username atau Password Anda tidak benar.<br>";
echo "<br>";
echo "<input class='btn btn-blue' type=button value='ULANGI LAGI' onclick=location.href='login.php'></a></center>";

}
?>

Sampai sejauh ini Sistem Login dengan Session kita sudah 80% selesai. Kita tinggal membuat 1 file lagi, Yakni file untuk menghapus session.

Oke, Buat code dibawah dan simpan dengan nama logout.php.

<?php
session_start();
session_destroy();
header('location:index.php');
?>

Dan selesai sudah tahapan dalam membuat Login dengan Session. Saatnya untuk uji coba dengan browser sobat masing - masing.

Selamat Mencoba

Download Filenya DISINI