Blog Kuroikage

Membuat Login dengan php

Hari ini saya akan memberikan Tutorial cara membuat Form Login dengan php.
Membuat halaman login bukanlah hal sulit. untuk membuat halaman login kita bisa memanfaatkan fungsi SESSION untuk mengolah proses login. misal nya saat login sukses atau berhasil maka akan tercipta sebuah session yang mana session ini akan kita gunakan sebagai pengaman. karena user yang belum login tidak akan bisa mengakses sebuah halaman tanpa melakukan login terlebih dahulu .

Pertama-tama buat Databasenya :

Lalu buat 2 table :

Isi table hak dengan :

Isi table login dengan :

langkah selanjutnya ialah index :

simpan file di atas dengan nama index.php
buat folder bernama login yang berisi :
- index.php , nah index ini sebagai form loginnya

<head>
<link rel='stylesheet' href='login.css'>
</head>
<form action='cek.php' method='POST'>
<center>
<h1>WELCOME</h1>
<table>
<tr><td><input type='text' name='username' placeholder='Username'></td></tr>
<tr><td><input type='password' name='password' placeholder='Password'></td></tr>
<tr><td colspan='4'><center><input type='submit' name='submit' value='login'></center></td></tr>
</table>
</center>
</form>

- cek.php ( untuk cek data yang di kirim dari form)

<?php
session_start();
include"konek.php";

$username = $_POST['username'];
$password = $_POST['password'];

$q = mysql_query("select * from login where username='$username' and password='$password'");
if(mysql_num_rows($q)==1){
       $ka = mysql_fetch_array($q);
       $id = $ka['id_user'];
       $data = mysql_query("select * from hak where id_user='$id'");
       $nade = mysql_fetch_array($data);

       $admin = $nade['admin'];
       $user = $nade['user'];

       $_SESSION['username'] = $username;
       $_SESSION['password'] = $password;
       $_SESSION['admin']    = $admin;
       $_SESSION['user']     = $user;

       include "cek2.php";
}else{
   header("location:index.php");
}
?>

-cek2.php

<?
if($_SESSION['username']=$username){
if($admin == 1){
?>
<script language="javascript">document.location.href='../admin';</script>
<?
}
if($user==1){
?>
<script language="javascript">document.location.href='../user';</script>
<?

}
}
?>

-konek.php ( untuk koneksi ke database)

<?
$q = mysql_connect("localhost","root","");
mysql_select_db("login",$q);
?>

- logout.php

<?
session_start();
session_destroy();

?>
<script language='javascript'>document.location.href='./login'></script>
<script>
alert("Anda Telah Logoout");
</script
<?
include"index.php";
?>

- login.css

    form{
   position:relative;
   padding:190px 0;
   }

   body{
   overflow:hidden;
   margin:0;
   padding:0;
   width:100%;
   height:100%;
   background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);
   }
   h1{
       color:white;

   }
   input[type='text'],input[type='password']{
   border: 1px solid rgba(255, 255, 255, 0.4);
   background-color: rgba(255, 255, 255, 0.2);
   opacity:0.9;
   cursor:pointer;
   width:250px;
   height:35px;
   border-radius:5px;
   font-size:18;
   text-decoration:none;
   text-align:center;
   margin: 0 auto 0px auto;
   display:block;
   transition-duration:0.25s;
   outline:0;
   color:white;
   }
   input[type='text']:focus,input[type='password']:focus{
   background-color:white;
   color:#50a3a2;
   width:300px;
   }

   input[type='submit']{
   cursor:pointer;
   background:white;
   border:1px solid;
   border-radius:5px;
   width:250px;
   height:34px;
   }

   input[type='submit']:hover{
   color:white;
   background:#30a3a2;
   transition:all 1s ease-out;
   }

tampilannya akan seperti ini :

Setelah membuat folder login, selanjutnya membuat folder admin dan user :
isi dari folder admin yaitu file-file untuk hakakses dari admin, sedangkan folder user berisi file-file untuk hakakses user,

untuk file admin saya beri contoh sederhana :
-index.php

ADMIN

<a href = '../login/logout.php'>LOGOUT</a>

hasilnya ketika login sebagai admin :

Jika agan ingin download semua file di atas Download

Rian SEO

Blogger yang senang mempelajari hal-hal baru seputar Blog, SEO dan Bisnis Online.

Membuat Login dengan php

0 Response to "Membuat Login dengan php"

Post a Comment