Login Form PHP

Login Form PHP

Script login form PHP merupakan salah satu scritp yang hampir pasti kita buat dalam membuat sebuah website database aplication. Fungsi login form PHP ini adalah memberikan hak akses atas sebuah website database aplikasi. Biasanya database aplikasi berbasis website ini memiliki admin panel. Bisa disebut juga admin center, admin area, admin page yang fungsinya merupakan kontrol bagi seorang admin atas website database yang dibuatnya. Untuk pembuatan login form PHP akan saya bahas lebih lengkap sebagai berikut :

Langkah membuat Login Form PHP Sebagai berikut :

Buat tabel di MySQL Dengan script sebagai berikut :

CREATE  DATABASE 'belajar' ;

CREATE  TABLE 'tb_user' (
<div>'username' VARCHAR( 30  )  NOT  NULL ,
'password' VARCHAR( 30  )  NOT  NULL ,
PRIMARY  KEY ( 'username'  )</div>
) ENGINE  =  MYISAM ;

Fungsinya untuk membuat database belajar dan tabel user dengan nama tb_user.

Untuk design formnya sebagai berikut :

Pertama buat form php dengan nama file : form_login.php

<html>
<head>
<title>Form Login User System</title>
<style type="text/css">
<!--
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
input,select,textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
background-color:#CCCCCC;
color:#000000;
border:'border-width' 'border-style' 'color';
padding:2;
}
.style1 {color: #0000FF}

-->
</style>
</head>
<body background="gambar/bg_login.png">
<h3 align="center"> LOGIN USER SYSTEM </h3>
<div align="center">
<form id="login" method="post" name="login" action="periksa.php">
<table width="286" border="0" cellpadding="2" cellspacing="2">
<!--DWLayoutTable-->
<tr bgcolor="#FF0000">
<td height="19" colspan="2" align="center" valign="middle">
<strong><font color="#FFFFFF"><blink>LOGIN DI SINI</blink></font></strong></td>
</tr>
<tr>
<td width="106" height="17">&nbsp;</td>
<td width="180">&nbsp;</td>
</tr>
<tr>
<td height="18" align="right" valign="middle"><div align="left">Username</div></td>
<td valign="middle">
<input name="username" type="text" id="username" size="20"></td>
</tr>
<tr>
<td height="18" align="right" valign="middle"><div align="left">Password</div></td>
<td valign="middle"><input name="password" type="password" id="password" size="20" /></td>
</tr>
<tr>
<td height="18" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td valign="middle">
<input name="login" type="submit" id="login" value=" Login ">
<input type="reset" name="Reset" value="Batal / Clear" /></td>
</tr>
<tr bgcolor="#FF0000">
<td height="18" colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table>
</form>
</div>
</body>
</html>

Hasil tampilan nya seperti berikut :

Form Login

Form Login

Langkah kedua adalah membuat file periksa.php.Fungsi file dengan nama periksa.php ini adalah mengecek apakah username dan password yang ada di database server (baik localhost maupun online). Jika username dan password ada maka akan diterima sesion login nya. Biasanya kalau saya membuat database aplikasi berbasis websit setelah login berhasil maka akan saya redirect ke halaman admin.Silahkan dimodifikasi sesuai kebutuhan.

Berikut script periksa.php :

<?php
session_start();
#**************** koneksi ke mysql *****************#
$host = "hostname";
$user = "db_user";
$pass = "db_password";
$dbname ="db_name";
$conn = mysql_connect($host,$user,$pass);
if($conn) {
//select database
$sele = mysql_select_db($dbname);
if(!$sele) {
echo mysql_error();
}
}
#***************** akhir koneksi ******************#
#jika ditekan tombol login
if(isset($_POST['login'])) {
$username = $_POST['username'];
$password = $_POST['password'];
$sql = mysql_query("SELECT * FROM tb_user WHERE username='$username' &&
password='$password'");
$num = mysql_num_rows($sql);
if($num==1) {
// login benar //
$_SESSION['user'] = $username;
$_SESSION['passwd'] = $password;
?><script language="JavaScript">alert('Selamat, Login Anda Sukses!!');
document.location='file/admin.php'</script><?
} else {
// jika login salah //
echo "<script>
eval(\"parent.location='index.php '\");
alert (' Maaf Login Gagal, Silahkan Isi Username dan Password Anda Dengan Benar');
</script>";
//include("login.php");

}
}
?>

Script periksa.php diatas  silahkan diganti hostname : nama host yang anda gunakan (biasanya saya menggunakan localhost), username dan password saya menggunakan root.

Penempatan file form_login.php dan periksa.php saya tempatkan sebagai berikut :

Lokasi file periksa.php dan form_login.php

Lokasi file periksa.php dan form_login.php

Selamat mencoba.