CARA MEMBUAT FORM LOGIN, LOGOUT DENGAN PHP DAN DATABASE
Hayy guyss,,, sekarang kakafuad mau share ilmunya bagaimana cara membuat form login dengan PHP. Dan juga membuat sebuah session,,
session itu digunakan untuk jika kita sudah bisa login dan masuk kedalam laman berikutnya dan kita logout, kemudian kita back menggunakan tombol back yang ada di browser itu, kita tidak dapat masuk lagi kedalamnya dan kita harus login lagi.
Disini saya akan membuatnya dengan connect database juga ,, yang sudah disimpan didalam tabel admin.
Yang dibutuhkan untuk mengerjakan hal ini adalah
1. Web server ... saya disini menggunakan Xampp
2. Sublime text 2 (text editor)
Ini contoh demo yang akan kita buat.
Baca sampai selesai yaa,, karena ada sesuatu dibagian akhirnya
OK langsung saja ,,, pertama-tama yang harus kita lakukan adalah membuat databasenya terlebih dahulu.
Disini saya membuat databasenya dengan nama “manutd” (tanpa tanda petik) dan tabelnya adalah admin.
Kemudian masukkan data usernam dan passwordnya ,,, username dan password ini akan digunakan untuk loginnya nanti.
Kalo sudah waktunya kita membuat programnya dengan bahasa PHP.
Hal pertama yang kita buat adalah php yang dapat menkoneksikan kedatabases. Simpan dengan nama Connect.php
Connect.php
<?php
$host = "localhost";
$user = "root"; //sesuaikan dengan user mysql anda
$pass = ""; //sesuaikan dengan password mysql anda
$dbName = "manutd";
mysql_connect($host, $user, $pass);
mysql_select_db($dbName)
or die ("Koneksi Gagal : ".mysql_error());
?>
Nah kita akan membuat bagian prosesnya,, jadi jika admin memasukkan username dan passwordnya maka akan dilakukan pemrosesan cek kedatabase pada php berikut. Simpan dengan nama proses.php
proses.php
<?php
session_start(); //memulai session
include "connect.php";//mengambil isian username dan password dari form
$username = $_POST['username'];
$password = $_POST['password'];
//query untuk mengambil data user dari database sesuai dengan username inputan form
$q = "SELECT * FROM admin WHERE username = '$username' ";
$result = mysql_query($q);
$data = mysql_fetch_array($result);
//cek kesesuaian password masukan dengan database
if ($password == $data['password']) {
//menyimpan tipe user dan username dalam session
$_SESSION['username'] = $data['username'];
header('location:halamanadmin.php');
}
//jika password tidak sesuai
else {
$warning = "Username / Password Salah";
echo $warning;
}
?>
</br>
</br>
<a href="formlogin.php"> KEMBALI </a>
Selanjutnya kita buat bagian form login. Simpan dengan nama Formlogin.php
Formlogin.php
<html>
<link rel="stylesheet" type="text/css" href="layout.css"/>
<div class="login">
<div id="tablelogin">
<form method="post" action="proses.php">
<table align="right" border="0" cellpadding="5" cellspacing="8"><tr bgcolor="orange">
<tr><td colspan="2"><h2><b>Login Page</b> </h2></td></tr>
<tr bgcolor="orange">
<td> UserName Anda ! </td>
<td> <input name="username" type="text"> </td>
</tr>
<tr bgcolor="orange">
<td> Password ! </td>
<td> <input name="password" type="password"> </td>
</tr>
<tr>
<td> </td>
<td> <input name="submit" type="submit" value="login"> </td>
</tr>
</table>
</form>
</div>
</div>
</html>
Selanjutnya kita buat bagian halaman admin, jadi jika berhasil login maka akan diarahkan kelaman ini. Simpan dengan nama Halamanadmin.php
Halamanadmin.php
<link rel="stylesheet" type="text/css" href="layout.css"/>
<?php session_start();
if(!isset($_SESSION['username'])) {
header('location:formlogin.php'); }
else { $username = $_SESSION['username'];
}
?>
<?php
include "header_dan_kiri.php";
?>
<!--Tengah-->
<div id="gayadata">
<div id="box">
SELAMAT DATANG anda sudah masuk sebagai Admin
</div>
</div>
<!--Akhir Tengah-->
<?php
include "kanan_footer.php";
?>
Next,, disini kita akan membuat tampilan header dan sisi kiri di bagian halaman adminnya nanti ,,, biar lebih ciamikk . Simpan dengan nama header_dan_kiri.php
header_dan_kiri.php
<html>
<link rel="stylesheet" type="text/css" href="layout.css"/>
<table border="0" align="center" class="header">
<tr><td> <image src="images/header.jpg" height="150px" width="1000px"> </td></tr>
<!-- Awal Menu Dropdown-->
<tr><td> <div id="navigation">
<ul id="nav">
<li><a href="halamanadmin.php">Home</a></li>
<li><a href="#">Follow Me</a>
<ul>
<li><a href="https://www.facebook.com/ManUtdjogja">Facebook</a></li>
<li><a href="https://twitter.com/Mancutdjogja">Twitter</a></li>
</ul>
</li>
<li><a href="logout.php">Log Out</a></li>
</div>
</ul></td></tr>
<!-- Akhir Menu Dropdown-->
</table>
<!-- Menu Kiri -->
<div id="navcontainer">
<h3>SELAMAT DATANG </h3>
<?php
include "connect.php";
$sql = "select * from admin";
$hasil =mysql_query($sql);
while ($tampil = mysql_fetch_array($hasil)) {
$username = $tampil["username"];
echo "<h3><tr><th>".$username."</th></tr></h3>";
}
?>
</div>
<!-- Akhir Menu Kiri-->
</html>
Dan yang ini kita akan membuat bagian kanan dan footernya. Simpan dengan nama kanan_footer.php
kanan_footer.php
<!-- Menu Kanan -->
<div id="navcontainerKanan">
<h3><a href="#">Sponsor official</a></h3>
<ul>
<li><a href="#"><image src="images/sponsor1.jpg" height="100px" width="150px"></a></li>
<li><a href="#"><image src="images/sponsor2.jpg" height="100px" width="150px"></a></li>
<li><a href="#"><image src="images/sponsor3.jpg" height="100px" width="150px"></a></li>
<li><a href="#"><image src="images/sponsor4.jpg" height="100px" width="150px"></a></li>
</ul>
</div>
<!-- Akhir Menu Kanan-->
<div id="footer">
<p align="center">copyright © 2015 KakaFuad</p>
</div>
Selanjutnya kita akan membuat bagian LogOut dari web yang kita buat tadi. Simpan dengan nama logout.php
logout.php
<?phpsession_start();unset($_SESSION['username']);header("Location: formlogin.php");?>
Yang mau script diatas silahkan download disni.
