How To | Membuat System Login Dengan PHP dan MySQLi | Mukti911 | Part4

A. Pendahuluan
pada kali ini aku akan membuat sebuah artikel yaitu tentang Login System dengan PHP dan Mysqli. Nah Berikut ini adalah artikel tentang Membuat Login System dengan PHP dan Mysqli.

B. Latar Belakang
Karena untuk membangun suatu system login dengan coding web.

C. Maksud & Tujuan
Agar dapat membuat sebuah login system dengan coding web.

D. Waktu Pelaksanaan

  • Tergantung Individu

E. Pembahasan

Melajutkan tutorial dihari kemarin saya akn memulainya dengan membuat laman Admin. Membuat Halaman Admin Seperti yang kalian lihat pada syntax sebelumnya. saat melakukan pengecekan, jika username dan password benar, maka halaman akan kita alihkan ke halaman admin yang berada dalam folder admin. jadi sekarang kita buat sebuah folder baru dengan nama ‘admin’.

setelah membuat folder admin, buat sebuah le baru lagi dengan nama index.php. pada index.php ini kita akan membuat halaman sederhana untuk admin. admin/index.php.

<?php
session_start();
if ($_SESSION[‘Status’] !==”login”) {
header(“Location:../index.php?info=notlogin”);
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Mukti911 – Tutorial</title>
<style type=”text/css”>
body {
background-image: linear-gradient(to right top, #161616, #623954, #c95863, #ff9c3f, #ffff00);
min-height: 676px;
margin: 0px;
font-family: arial;
}
.all {
width: 1200px;
height: 500px;
position: relative;
top: 100px;
margin: 0 auto;
}
.img {
width: 200px;
height: 200px;
background-color: #fff;
margin: 0 auto;
border-radius: 50%;
}
.inf {
width: 1200px;
height: 300px;
padding: 20px 0px;
}
.pro {
width: 600px;
height: 150px;
background-color: #758;
margin: 0 auto;
border-radius: 10px;
}
.success {
width: 1200px;
height: 100px;
margin: 40px 0px;
}
.success h1 {
text-align: center;
font-size: 60px;
padding: 10px;
}
table {
width: 400px;
height: 150px;
padding: 30px 20px;
float: left;
}
td {
color: #fff;
}
a {
float: right;
width: 100px;
background-color: #fff;
font-size: 30px;
text-decoration: none;
text-align: center;
padding: 10px 20px;
border-radius: 10px;
position: relative;
top: 100px;
}
</style>
</head>
<body>
<div class=”all”>
<div class=”img”></div>
<div class=”inf”>
<div class=”pro”>
<table>
<tr>
<td>Fullname</td>
<td>:</td>
<td><?php echo $_SESSION[‘FullName’]; ?></td>
</tr>
<tr>
<td>Username</td>
<td>:</td>
<td><?php echo $_SESSION[‘Username’]; ?></td>
</tr>
<tr>
<td>Password</td>
<td> :</td>
<td><?php echo $_SESSION[‘Password’]; ?></td>
</tr>
<tr>
<td>Date Time Of Login</td>
<td> :</td>
<td><?php echo $_SESSION[‘Date’]; ?></td>
</tr>
</table>
<a href=”logout.php”>Logout</a>
</div>
<div class=”success”>
<h1>Login Successfully</h1>
</div>
</div>
</div>
</body>
</html>

  • Logout

<?php
session_start();
session_destroy();
header(“location:../index.php?info=logout”);
?>

Jika dicoba nantinya kan terlihat seperti berikut :

F. Hasil yang didapat

  • Dapat membuat sebuah system login sederhana.

G. Kesimpulan
Jadi sebenarnya simple sekali cara pembuatannya untuk login system namun yan perlu diingat bagian yang penting adalah pada bagian form session databse dan kondisi.

H. Referensi


Posted

in

, , ,

by

Tags:

Comments

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *