F Autentikasi Pengguna (Login) ~ Blog Pembelajaran

Autentikasi Pengguna (Login)

Assamu'alaikum...

Pada artikel kali ini, saya akan melanjutkan dari artikel sebelumnya Connection Database

1. Mengisi Table User

2. Membuat Folder Admin
3. Admin/login.php
<?php
session_start();
require_once('../conn/conn.php');
if(isset($_POST['login'])){
$unm = $_POST['user'];
$ups = md5($_POST['pass']);
 $sql  = "SELECT * FROM user WHERE username='".$unm. "' AND password='".$ups."'";
$result = $conn->query($sql);
//SUCCESS
if ($result->num_rows > 0) { 
$_SESSION['user'] = $unm;
header('location: index.php');
}else{echo "GAGAL LOGIN";}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>praktikum</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../asset/css/bootstrap.min.css"><!-- CSS Bootstrap -->
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-6 col-lg-4 col-lg-offset-4">
<div class="account-wall">
<h1 class="text-center login-title">HALAMAN ADMIN</h1>
<form class="form-signin" method="post">
    <input type="text" name="user" class="form-control" placeholder="Username" required autofocus>
    <input type="password" name="pass" class="form-control" placeholder="Password" required>
    <input type="submit" name="login" class="btn btn-dark btn-block" value="Masuk">
</form>
</div>
</div>
</div>
</div>
<script src="../asset/js/jquery.min.js"></script><!--Latest compiled JavaScript -->
<script src="../asset/js/bootstrap.min.js"></script><!-- jQuery library -->
</body>
</html>

4. Admin/logout.php
<?php
session_start();
// Menghapus Sessions
if(session_destroy()) {
// Langsung mengarah ke Home index.php
header("location:../admin/index.php");

}

?>

5. Admin/index.php
<?php
session_start(); // Memulai Session
if(empty($_SESSION['user'])){
echo '
<script language="javascript">
document.location=" login.php";
</script>';

}else{
  echo 'SELAMAT DATANG : '. $_SESSION['user'];
}

?>
-Tampilan-

-Tampilan-
Sekian,
Wassalamu'alaikum...


Share:

Tidak ada komentar:

Posting Komentar

Recent Posts