Tutorial PHP - Membuat Halaman Login
https://kabartobi.blogspot.com/2017/02/tutorial-php-membuat-halaman-login.html
Pada tutorial kali ini saya akan mengajarkan bagaimana caranya membuat sistem login dan logout menggunakan PHP. Dalam membuat sistem login dan logout administrator ini kita akan menerapkan variabel $_SESSION pada PHP. Session didalam PHP adalah sebuah variable yang dapat digunakan untuk menyimpan informasi atau nilai tertentu, sehigga dapat menampung beragam informasi dalam satu nama session. Session ini bersifat global sehingga dapat dipanggil pada semua halaman PHP yang digunakan. Nah dibawah ini saya akan memberikan contoh bagaimana session itu bekerja pada system login dan logout administrator.
Buat Folder di dalam htdocs anggaplah folder tutorial_login
Buat dengan 4 buah file yaitu index.php, loginpage.php, proses.php dan logoutpage.php
Buat database di phpmyadmin
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
CREATE TABLE IF NOT EXISTS `users` (
`id` int(11) NOT NULL,
`username` varchar(15) NOT NULL,
`password` varchar(50) NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;
INSERT INTO `users` (`id`, `username`, `password`) VALUES
(1, 'cakkarto', '345a20ad4c6ed1ef3e65e4fa8a4036e8');
-- Indexes for table `users`
ALTER TABLE `users`
ADD PRIMARY KEY (`id`),
ADD KEY `id` (`id`);
ALTER TABLE `users`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=2;
isi file index.php dengan ini
<?php
session_start();
if (!isset($_SESSION['username'])) {
header("Location: loginpage.php");
} else {
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Latihan Login</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes' name='viewport'>
<style>
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display:table;
}
</style>
</head>
<body>
<div class="contents">
<h3>
<div class="menu">
<ul>
<li>menu1</li>
<li>menu2</li>
<li><a href="logoutpage.php"/>Logout</a></li>
</ul>
</div>
</h3>
<p>Ini adalah halaman index pada tutorial login menggunakan php, yang sudah diakses ketika sukses melakukan login<br>
oleh user yang bernama <strong><?php echo $_SESSION['username'];?> </strong>dan hasil username ini diambil dari session</p>
</div>
</body>
</html>
<?php
}
?>
isi juga file login.page dengan ini
<?php
session_start();
if (isset($_SESSION['username'])) {
header("Location: index.php");
} else {
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Halaman Login</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes' name='viewport'>
<style>
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display:table;
}
body {
display:table-cell;
vertical-align:middle;
}
form {
display:table;/* shrinks to fit content */
margin:auto;
}
</style>
</head>
<body>
<div class="contents">
<form method="post" action="proses.php">
<div class="form-group">
<input type="text" name="username" class="form-control" placeholder="Username" />
</div>
<div class="form-group">
<input type="password" name="password" class="form-control" placeholder="Password" />
</div>
<br>
<button type="submit" name="go" class="btn">Login</button>
</form>
</div>
</body>
</html>
<?php
}
?>
isi file proses.php dengan ini
<?php
session_start();
$koneksi = mysql_connect("localhost","root","mylovemimiq2014");
$db = mysql_select_db("latlogin",$koneksi);
$username = $_POST['username'];
$password = md5($_POST['password']);
if ($koneksi) {
$query = mysql_query(" select username,password from users where username = '$username' and password = '$password' ");
if ($query) {
while($data = mysql_fetch_array($query)) {
$_SESSION['username'] = $data['username'];
//membentuk sesion username
}
header("location: index.php");
}
else {
header("Location: loginpage.php");
}
}
else {
echo mysql_error();
header("Location: loginpage.php");
}
?>
isi file logout dengan ini
<?php
session_start();
unset($_SESSION['username']);
session_destroy();
header("Location: loginpage.php");
?>
setelah itu jalankan pada browser http://localhost/latihan_login/
Selesai tutorial cara membuat login sederhana menggunakan php dan mysql
ingat ya.. ini cara login sederhana
Salam CakKarto
Posting KomentarDefault CommentsFacebook Comments