Friday, May 25, 2018

Script Login Php Database MySQL

Php Login Script -  Login dengan username dan password yang sudah disimpan sebelumnya dalam database, tutorial ini menggunakan database MySQL. dalam membuat aplikasi simple login dengan php kita akan menggunakan Session dimana session_start(); session_destroy();

Tutorial membuat login php ini akan kami jelaskan secara lengkap tentang bagaimana cara membuat session login, session logout serta prosess autentication dalam login dan logout, simak terus ya..



 Membuat Database MySQL

Buatlah database baru atau bisa menggunakan database pada tutorial CRUD sebelumnya, jadi hanya perlu membuat tabel baru dan beri nama tabel "login". bagi kamu yang belum bisa membuat database di MySQL silahkan baca : Tutorial Lengkap Cara Membuat Database MySQL , langsung saja buat tabel baru dengan menggunakan script berikut : 

CREATE TABLE `login` (
  `id` int(15) NOT NULL,
  `username` varchar(65) NOT NULL,
  `password` varchar(65) NOT NULL,
  `kelas` varchar(25) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `login`
--

INSERT INTO `login` (`id`, `username`, `password`, `kelas`) VALUES
(1, 'admin', 'admin', 'Administrator');

ALTER TABLE `login` ADD PRIMARY KEY(`id`);

 Membuat Koneksi Php

Buatlah file baru dengan nama "konektor.php" dan tuliskan seluruh code koneksi php berikut :

<?php
$host = "localhost"; // Nama Server
$user = "root"; // User Database
$pass = ""; // Password Database
$db = "bikinmales"; // Nama Database

$con =  mysqli_connect($host, $user, $pass, $db);

//check connetction
if (mysqli_connect_errno())
{
echo "<h1>Gagal konek gan</h1>";
mysqli_connect_error();
}
else
{
echo "<h1>konek ke databases sukses gan<h1>";

}

 Membuat Login PHP

buatlah file baru dengan nama "login.php" dan tuliskan seluruh code login php berikut :

<!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>

Selanjutnya jika sudah selesai, kita akan membuat file config-login.php yang berfungsi untuk mengecek apakah username dan password yang dimasukkan dari form login tersedia dalam database atau tidak.

 Membuat Login Cek Php

Buatlah file baru dan berinama "config-login.php" dan tuliskan code login cek php berikut : 

<?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>";
}

}

?>

baiklah sekarang kita lanjut untuk membuat script logoutnya.


Membuat LogOut PHP

Buatlah file baru dengan nama "logout.php" dan tuliskan code logout php berikut : 

<?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'>";
}
?>

Kamu juga bisa mendownload file lengkap aplikasi Simple Login dengan Php ini, silahkan berkomentar jika ada yang bermasalah.


Kamu bisa download source code nya disini.
--> Klik Disini.



Silahkan bertanya pada kotak komentar dan jangan lupa dishare jika bermanfaat untuk kemajuan blog Prokodong ini, terima kasih ^_^
Happy Coding :)
Comments


EmoticonEmoticon