-->

Jumat, 22 Juni 2018

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 tempat server local website kalian. Dan jangan lupa untuk menginstall juga aplikasi untuk tempat menulis program php nya. Kalian bisa menggunakan 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 menggunakan 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 seperti di bawah ini.


Membuat file index.php

Selanjutnya, kita akan masuk ke tahap pengkodingan. Silahkan buka aplikasi sublime atau notepad++ kalian, lalu buatlah file index.php dan ketikkan script kalian seperti berikut ini.

<?php 
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 seperti 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 seperti 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 adalah dengan membuat file config-login.php yang berfungsi untuk mengecek username yang di input oleh user apakah ada di database, bila tidak ada maka akan muncul pesan bawha username atau password salah. Silahkan masukkan scriptnya seperti 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>"; } }
?>

Membuat file logout.php

langkah selanjutnya adalah dengan membuat file logout.php silahkan masukkan scriptnya seperti 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 bisa mendownload source code nya di bawah ini

linknya di sini.--> Klik disini <--

Sekian dulu untuk pembahasan kali ini, bila ada kesalahan kata saya mohon maaf.
Silahkan berkomentar bila ada yang ingin di pertanyakan.
Terima kasih.

Tidak ada komentar:

Posting Komentar