Kali ini salah akan memberikan contoh script / source code login admin.
Cek kebawah yuk.
Pertama, buat dulu file style.css. Lalu masukkan script dibawah :
.container {
width: 50%;
margin: 0 auto;
}
h2{
background-color: #066;
padding: 30px 35px;
margin: -10px -50px;
text-align:center;
color: #fff;
border-radius: 15px 15px 0px 0px;
}
span{
display: block;
margin-bottom: 20px;
color: red;
}
.success{
display: block;
margin-top: 20px;
margin-bottom: 0;
font-size: 14px;
}
b{
color:#FFF;
font-family:"Times New Roman", Times, serif;
}
hr{
margin: 10px -50px;
border: 0;
border-top: 1px solid #ccc;
margin-bottom: 25px;
}
div.main{
width: 306px;
padding: 10px 50px 30px;
border: 2px solid gray;
font-family: raleway;
float:left;
margin-top:130px;
margin-left:150px;
border-radius: 15px 15px;
}
input[type=text]{
width: 96%;
height: 25px;
padding: 5px;
margin-bottom: 25px;
margin-top: 5px;
border: 2px solid #ccc;
color: #066;
font-size: 16px;
}
input[type=password]{
width: 96%;
height: 25px;
padding: 5px;
margin-bottom: 25px;
margin-top: 5px;
border: 2px solid #ccc;
color: #066;
font-size: 16px;
}
label{
color: #066;
text-shadow: 0 1px 0 #fff;
font-size: 14px;
font-weight: bold;
}
input[type=submit]{
font-size: 16px;
background: linear-gradient(#066 5%, #096 100%);
color: #9C0;
font-weight: bold;
cursor: pointer;
width: 100%;
padding: 10px 0;
outline:none;
}
#profile {
padding:50px;
border:1px solid grey;
font-size:20px;
background-color:#0a6ebd;
border-radius:5px 5px 0px 0px;
}
#logout {
float:right;
padding:5px;
border:dashed 1px gray
}
a {
text-decoration:none;
}
i {
color:#3EEE6F;
}
Kedua buat script login.php. Lalu masukkan script dibawah :
<?php
if(isset($_SESSION['login_user'])){
header("location: index.php");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>LOGIN ADMIN</title>
<!-- Skrip CSS -->
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="container">
<div class="main">
<form action="" method="post">
<h2>ADMIN LOGIN</h2><hr/>
<label>Username :</label>
<input id="name" name="username" placeholder="username" type="text">
<label>Password :</label>
<input id="password" name="password" placeholder="**********" type="password">
<input type="submit" name="submit" id="submit" value="Login">
</form>
</div>
</div>
</body>
</html>
<?php
if(isset($_POST['submit'])){
session_start(); // Memulai Session
$error=''; // Variabel untuk menyimpan pesan error
if (isset($_POST['submit'])) {
if (empty($_POST['username']) || empty($_POST['password'])) {
$error = "<b>Username or Password is invalid</b>";
}
else
{
// Variabel username dan password
$username=$_POST['username'];
$password=$_POST['password'];
// Membangun koneksi ke database
require_once("../Connections/koneksi.php");
// Mencegah MySQL injection
$username = stripslashes($username);
$password = stripslashes($password);
$username = mysql_real_escape_string($username);
$password = mysql_real_escape_string($password);
// Seleksi Database
$db = mysql_select_db("lomba_tkj");
// SQL query untuk memeriksa apakah karyawan terdapat di database?
$query = mysql_query("select * from admin where password='$password' AND username='$username'");
$rows = mysql_num_rows($query);
if ($rows == 1) {
$_SESSION['login_user']=$username; // Membuat Sesi/session
header("location: index.php"); // Mengarahkan ke halaman profil
} else {
echo'<script language="javascript">
window.alert("username atau password salah!");
</script>';
}
}
}
}
?>
Letakkan kedua file tersebut dalam satu folder yang sama. Untuk database akan saya bahas pada postingan selanjutnya. Keep stay here. Selamat Mencoba.
Tidak ada komentar:
Write komentar