Membuat form login dengan php dan mysql, yah dalam pembuatan halaman login kita membuatuhkan kedua bahasi ini yaitu PHP dan Mysql, dan juga dibarengi HTML dan CSS tentunya.

Pembuatan form login ditujukan untuk pembatasan akses terhadap suatu situs. Dengan fitur ini hanya akun terdaftar yang bisa masuk, jadi keamaan suatu website bisa terjaga.

Nah, dalam membaut formn login dengan phpdan mysql, kita memerlukan beberapa skrip PHP, yaitu
1. koneksi.php
2. login.php
3. proseslogin.php
4. pengaturan.php
5. keluar.php
6. style.css

Membuat Database MySQL

Sebelum melangkah keempat skrip login diatas tentunya telebih dahulu kita membaut database ada beberapa langkah yang perlu anda ikuti, yaitu

Langkah 1 : Membaut Database, misalkan saya membaut nama database kumbang_db , pilih Create.

Langkah 2 : Membuat Table, dan nama table login_tbl 

 Langkah 3 : Memaut Field, ada empat buah field yang akan kita buat,
1. id_login  – int(5) – Null – Primary Key
2. username – varchar(30)
3. password – varchar(30)
4. level – ENUM(‘admin’,’user’)

Langkah 4 : Buat 2 user, 1 admin dan 1 user terlebih dahulu sebegai pecobaan login. Klik Insert dan buat usernya.

Langkah 5 : Bagian database Selesai 😀 hehehe

Membuat Form Login

Selanjutnya kita akan membaut form login dengan nama login.php sebagai sarana untuk username dan password yang terdaftar. Form ini terdiri dari kolom username, kolom password dan sebuatr tombol login. Berikut kodenya,

<?php
session_start();
?>

<html>
<head>
<title> LOGIN PAGE </title>
<link href=”style.css” rel=”stylesheet” type=”text/css”/>
</head>
<body>

<div class=”login”>
<form action=”proses.php” method=”POST”>
<h2>Silahkan Login <br/> Bersama Bang Kumbang</h2>
<input type=”text” name=”user” class=”input” placeholder=”Username” required/>
<input type=”password” name=”pass” placeholder=”Password” class=”input” required/>
<input type=”submit” name=”login” value=”Log In” class=”input”/>
</form>

</div>

</body>
</html>

Membuat Skrip Koneksi ke Database

File koneksi kita buat untuk melakukan sikronisasi kedatabse tterutama ke database yang kita buat tadi, halaman ini kita beri nama koneksi.php. Berikut kode nya

<?php
$host=”localhost”;
$user=”root”;
$pass=””;
$db=”kumbang_db”;
$koneksi=mysql_connect($host,$user,$pass) or die (mysql_error());
mysql_select_db($db,$koneksi) or die (mysql_error());
?>

Membuat Skrip Login PHP

Selanjutnya adalah membaut file pemrosesan dari form login yang kita buat tadi, disini kita berinama proses.php. Berikut skrip lengkapnya,

<?php
session_start(); // Memulai Sesi
include(‘koneksi.php’); // Membaut Koneksi Ke Database
if (isset($_POST[‘login’])) // Pelogikaan, apa bila tombol login di tekan
{
$user = $_POST[‘user’]; // Menampung inputan username di form login
$pass = $_POST[‘pass’]; // Menampung inputan password di form login

$cek = mysql_query (“SELECT * FROM login_tbl WHERE username=’$user’ AND password=’$pass'”); // Melakukan cek data ke tabel di database
$data = mysql_fetch_array($cek); // Melakukan array data

$username=$data[‘username’]; // Penampungan data array username
$password=$data[‘password’]; // Penampungan data array password
$level=$data[‘level’]; // Penampunagn data array username

if($user==$username AND $pass==$password) // Pelogikaan Persamaan data yang dinput dengan data di database
{
$_SESSION[‘level’]=$level;  // Penampungan Session berdasarkan level di database
header(‘location:pengaturan.php’); //  Redirect ke halaman pengaturan.php
}
else
{
header(‘location:login.php’); // Redirect ke halaman login kembali apabila pelogikkan tidak sesuai
}
}
?>

Membuat Halaman Redirect

Dalam kasus ini, halman redirect yang saya gunakan adalaha halaman pengaturan.php, ada dua sesi level yang akan kita gunakan yaitu admin dan user. Berikut skripnya,

<?php
session_start();
?>

<html>
<head>
<title> LOGIN PAGE </title>
<link href=”style.css” rel=”stylesheet” type=”text/css”/>
</head>
<body>

<div class=”pengaturan”>

<h2>Selamat Datang di Bersama Bang Kumbang</h2><br/>
<b class=”left”>Welcome :
<?php
$level=$_SESSION[‘level’]==’admin’;
if($level)
{
echo “<i>Admin</i>”;
}
else {
echo “<i>User</i>”;
}

?>
</b>
<b class=”right”><a href=”keluar.php”>Logout</a></b>
</div>

</body>
</html>

Membuat Halaman Keluar 

Setelah login tentu ada juga halaman keluar atau logout, carakerjanya adalah sesi kita mulai dan lalu dihancurkan, dan kemudai kita diredirect ke halama login kembali. Berikut skripya..

<?php
session_start();
session_destroy();
header(‘location:login.php’)
?>

Halaman style.css

Halaman untuk style dari page kita buat style.css berikut adalah skripnya…

* {margin:0;padding:0}

.login {width:300px;margin:200px auto;padding:10px;border:2px solid lightgrey}
.login h2 {width:100%;text-align:center;line-height:30px;background:#008b8b;color:white;margin-bottom:10px}
.login input {width:100%;height:50px;border:1px solid lightgrey;padding:10px;margin-bottom:10px}
.login input[type=”submit”]{background:#008b8b;border:0}

.pengaturan {padding:10px;background:#008b8b;height:100px}
.pengaturan b.left {text-align:left}
.pengaturan b.right {text-align:right;padding:10px;background:White;border:2px solid white;border-radius:3px;float:right}

Jika anda masih bingunh walau setelah membaca artikel membuat form login dengan skrip PHP dan Mysql bisa komen dibawah heheh promosi 😀
Demikianlah cara membuat form login dengan skrip ph pdan mysql, semoga bermanfaat bagi anda.
Terima kasihh

Azhari Sikumbang

Tulis dan bicarakan, agar lebih berguna. (Github | Linked in)
~ azhari@coretanit.com