Membuat Form Login Dengan Skrip PHP Mysql
Bersama Bang Kumbang - 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, yaituLangkah 1 : Membaut Database, misalkan saya membaut nama database kumbang_db , pilih Create.
1. id_login - int(5) - Null - Primary Key
2. username - varchar(30)
3. password - varchar(30)
4. level - ENUM('admin','user')
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>
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());
?>
$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
}
}
?>
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>
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')
?>
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 :D.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}
Demikianlah cara membuat form login dengan skrip ph pdan mysql, semoga bermanfaat bagi anda.
Terima kasihh
Labels: PHP
6 Comments:
Artikelnya bagus sekali, isinya berbobot dan sangat bermanfaat.Yang seperti ini sangat di cari orang, selain membantu juga isinya sesuai dengan kebutuhan yang ada saat ini. Saya suka sekali blog ini sangat niche blog, saya tunggu postingan selanjutnya. Saya dukung
This comment has been removed by the author.
yoi bgt nih..
kebetulan ane masih belajar bikin form login..
thanks gan...
mantap ni , btw mysql sekarang uda support data type json loh, uda kek postgreSql jadi mantap
ijn copy script nya lumayan nih hehe
Mantap gan, kebetulan saya juga lagi belajar bahasa pemrograman php nih gan. Terima kasih
Jagnan lupa berkunjung balik ya gan > Catatan Kecil | Tempat Untuk Berbagi Pengalaman
Teknologi: Koleksi Virus Komputer yang Sangat Berbahaya
Tips & Trik: SEO - Tutorial Cara Meningkatkan Peringkat pada Pencarian Google - Catatan Kecil | Tempat Untuk Berbagi Pengalaman
Software: Hacking Tools Pack (Small) 2017
Post a Comment
Subscribe to Post Comments [Atom]
<< Home