CARA MEMBUAT FORM LOGIN, LOGOUT DENGAN PHP DAN DATABASE
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.
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.
CARA MEMBUAT FORM LOGIN, LOGOUT DENGAN PHP DAN DATABASE
Reviewed by Unknown
on
17:32
Rating:
Reviewed by Unknown
on
17:32
Rating:
passwordnya apaan ?
ReplyDeletepassword untuk login ya ??
ReplyDeletesilahkan cek di manutd.sql nya mas ... :)