Membuat Halaman Login Dengan Php
Membuat Halaman Login dengan PHP
Pada kali ini kita akan membahas tentang Membuat Halaman Login dengan PHP.Oh iya, Sebelum kita memulai kalian harus menginstall aplikasi XAMPP untuk daerah server local website kalian. Dan jangan lupa untuk menginstall juga aplikasi untuk daerah menulis jadwal php nya. Kalian sanggup memakai aplikasi Sublime Text 3, atau Notepad++, atau juga notepad biasa alias bawak an dari windows sendiri.
Baiklah, anggap saja kalian telah menginstall semuanya dan telah menjalan kan aplikasi xampp nya. Selanjutnya buatlah terlebih dahulu database dengan memakai mysql.
Buatlah database dengan nama projectku01. Dan di dalam database tersebut buatlah tabel dengan nama tabel tersebut login, dan di dalah tabel tersebut terdapat kolom username, password, dan level.
Hasilnya menyerupai di bawah ini.
Membuat file index.php
Selanjutnya, kita akan masuk ke tahap pengkodingan. Silahkan buka aplikasi sublime atau notepad++ kalian, kemudian buatlah file index.php dan ketikkan script kalian menyerupai berikut ini.
session_start();
if (!isset($_SESSION['username'])) {
header('location:login.php');
} else{ ?>
<html>
<head>
<title>Index</title>
</head>
<body>
<h1 style="font-family:arial;">Login Sukses.</h1>
<p style="font-family:arial;">Anda telah berhasil login, silahkan klik disini untuk melanjutkan kehalaman index.</p>
<a href="http://giatngoding.xyz/">Lanjutkan</a> / <a href="logout.php">Log Out</a>
</body>
</html>
<?php } ?>
Membuat file login.php
selanjutnya buatlah file lagi dengan nama login.php dan masukkan script menyerupai dibawah ini.
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Login Form</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.css.css">
<link rel="stylesheet" href="css/font-awesome.css">
</head>
<!-- Create By Erji Ridho Lubis -->
<body>
<html lang="en-US"><head> <meta charset="utf-8">
<title>Login Admin</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
</head>
<h1 id="title-login">LOGIN SEBAGAI ADMINISTRATOR</h1>
<div id="login">
<form name='form-login' method="post" action="config-login.php">
<span>@</span>
<input type="text" name="username" placeholder="Username Anda"> <span><i class="fa fa-lock"></i></span> <input type="password" name="password" placeholder="Password Anda">
<input type="submit" value="Login">
</form>
</body>
</html>
Membuat file konektor.php
Lalu buatlah file konektor.php untuk menghubungkan database ke halaman login kita. script nya menyerupai berikut ini.
<?php
$host = "localhost"; // Nama Server
$user = "root"; // User Database
$pass = ""; // Password Database
$db = "projectku01"; // Nama Database
$con = mysqli_connect($host, $user, $pass, $db);
?>
Membuat file config-login.php
selanjutnya yaitu dengan menciptakan file config-login.php yang berfungsi untuk mengecek username yang di input oleh user apakah ada di database, kalau tidak ada maka akan muncul pesan bawha username atau password salah. Silahkan masukkan scriptnya menyerupai berikut ini.
<?php
session_start();
include('konektor.php');
$username = $_POST['username'];
$password = $_POST['password'];
//Check Connection
if (mysqli_connect_errno()){
echo "<h1>Gagal konek ke database gan</h1>"; mysqli_connect_error();
}else{
$dtlogin = mysqli_query($con,"SELECT * FROM login WHERE username='$username' AND password='$password'");
if (mysqli_num_rows($dtlogin) == 1 ){
$_SESSION['username'] = $_POST['username'];
echo '<script language="javascript" type="text/javascript"> alert("Login Berhasil!!");</script>';
echo "<meta http-equiv='refresh' content='0; url=index.php'>";
}else{
echo "<script>alert('Maaf, Username/Password anda salah!!');history.go(-1);</script>"; } }
?>
session_start();
include('konektor.php');
$username = $_POST['username'];
$password = $_POST['password'];
//Check Connection
if (mysqli_connect_errno()){
echo "<h1>Gagal konek ke database gan</h1>"; mysqli_connect_error();
}else{
$dtlogin = mysqli_query($con,"SELECT * FROM login WHERE username='$username' AND password='$password'");
if (mysqli_num_rows($dtlogin) == 1 ){
$_SESSION['username'] = $_POST['username'];
echo '<script language="javascript" type="text/javascript"> alert("Login Berhasil!!");</script>';
echo "<meta http-equiv='refresh' content='0; url=index.php'>";
}else{
echo "<script>alert('Maaf, Username/Password anda salah!!');history.go(-1);</script>"; } }
?>
Membuat file logout.php
langkah selanjutnya yaitu dengan menciptakan file logout.php silahkan masukkan scriptnya menyerupai berikut ini.
<?php
session_start();
if(session_destroy()) {
echo '<script language="javascript" type="text/javascript"> alert("Logout Berhasil!!");</script>';
echo "<meta http-equiv='refresh' content='0; url=login.php'>";
} ?>
Setelah semua di buat jangan lupa untuk di save dalam satu folder.
dan siahkan di jalankan.
Kalian sanggup mendownload source code nya di bawah ini
linknya di sini.--> Klik disini <--
Sekian dulu untuk pembahasan kali ini, kalau ada kesalahan kata aku mohon maaf.
Silahkan berkomentar kalau ada yang ingin di pertanyakan.
Terima kasih.
