Cara Membuat Form Login Dengan PHP MySQLi


Assalamualaikum sahabat blogger , kali ini Belajar di Perantauan akan membagikan tutorial cara login menggunakan php. pastinya pernah kan belajar ini. apalagi anak IT, yang jurusannya TEKNIK INFORMATIKA. 


Form login ini tentunya pasti sangat di butuhkan ketika kita mau membuat sebuah website yang kategorinya memerlukan ADMIN. Admin di sini berfungsi sebagai tempat untuk salah satunya mengisikan artikel dll.

Form Login
Tujuan Login


Langkah pertama buat scrip koneksi kedata base  simpan dengan nama koneksi,php:

<?php $konek= mysqli_connect("localhost","root","","form_login"); ?>

Langkah ke dua , buat tampilan form nya simpan dengan nama index,php:

<!DOCTYPE html>
<html>
<head>
<title>Belajar di Perantauan</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
<script type="text/javascript" src="assets/js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="master.css">
</head>
<body>

<div class="container">
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-4" style="margin-top:100px;">
<div class="panel panel-default">
 <div class="panel-heading"  style="background:black;color:red;"><center><font face="elephant"><u>BELAJAR DI PERANTAUAN</u> <BR> <h2>FORM LOGIN PHP</h2></font></center></div>
 <div class="panel-body">
   <form role="form" method="post" action="proses/proses_login.php">
 <div class="form-group">
  <label><font color="red">Username :</font></label>
  <input type="text" class="form-control" name="username" placeholder="Username" />
 </div>
 <div class="form-group">
  <label><font color="red">Password :</font></label>
  <input type="password" name="password" class="form-control" placeholder="-------------" />
 </div>
 <button type="submit" name="proses" class="btn btn-default" style="width:100%;background:black;color:red;" >LOGIN</button>
</form>
 </div>
</div>
</div>
<div class="col-md-4">
</div>
</div>
</div>

</body>
</html>

Langkah ke Tiga buat proses login nya , simpan dengan nama proses_login.php:

<?php


if (isset($_POST['proses']))
{

include ('../config/koneksi.php');

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

$masuk="select count(username) from login where username='$user' and password='$pass'";
$query=mysqli_query($konek,$masuk);
$chek=mysqli_fetch_row($query);

if ( $chek[0]>0 )
{
echo"<script type='text/javascript'>
  //<![CDATA[
alert('selamat datang $user');
window.location='../belajar.php';   
  //]]>
</script>"; 

}else
{
echo"<script type='text/javascript'>
  //<![CDATA[
alert('gagal $user');
window.location='../index.php';   
  //]]>
</script>"; 
}
}


?>

Langkah ke Empat buat tujuan ketika sudah login, simpan dengan nama belajar.php:

<!DOCTYPE html>
<html>
<head>
<title>Belajar di Perantauan</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
<script type="text/javascript" src="assets/js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="master.css">
</head>
<body>

<div class="container">
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-4" style="margin-top:100px;">
<div class="panel panel-default">
 <div class="panel-body" style="background:black">
   <center><font color="red">SELAMAT DATANG ADMIN<br/> <a href="index.php">BELAJAR DI PERANTAUAN</a></font></center>
 </div>
</div>
</div>
<div class="col-md-4">
</div>
</div>
</div>

</body>
</html>

Na bagi teman-teman yang mau program nya boleh donwlad disini :
Belajar di Perantauan || zippy share

Baca juga :


Silahkan Di share , semoga bermamfaat ya hehe

0 Response to "Cara Membuat Form Login Dengan PHP MySQLi"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel