Membuat Script Form Login PHP MySQL

Membuat Script Form Login PHP MySQL - Form login merupakan merupakan sebuah halaman penting untuk sebuah aplikasi guna untuk memvalidasi setiap user yang akan mengakses sebuah sistem. Penggunaan form login bertujuan memberikan hak akses kepada user terhadap halaman tertentu, misalnya dalam membuat sebuah aplikasi baik itu sistem informasi atau aplikasi lainnya.

Dalam membuat form login biasanya memiliki sistem registrasi atau sistem pendaftaran sebagai user atau pengguna sistem seperti itu biasa kita jumpai seperti pada sistem pendaftaran siswa baru, sistem penjualan online dan sejenisnya dimana pada sistem tersebut mengwajibkan bagi pengguna atau member melakukan pendaftaran terlebih dulu agar dapat mengakses sebuah halaman yang tertentu.

Sekarang bagaimana menulis script atau membuat sebuah form login dengan php dan database MySQL, tentunya pada artikel ini kita akan mempraktekkan cara membuat form login. untuk membuat hak akses itu memiliki dua jenis yaitu login multi user dan login dengan hak akses cuma satu user biasanya cuma admin saja. pada postingan ini kita akan membuat form login dengan satu hak akses saja dulu, untuk login multi user akan kita lanjutkan pada postingan berikutnya. 

Apa pertama sekali dimulai untuk membuat sebuah form login..? Tahap pertama kita buat dulu databasenya bagaimana membuat database bisa lihat disini.

Create database name : login

Buat file tabel :admin

Fieldnya seperti berikut.

PhpMyadmin

Jika database sudah dibuat selanjutnya buat sebuah folder di localhost berinama terserah saja misalnya login. selanjutnya kita harus membuat tiga file php berupa (index.php, cek_login.php, home.php, konek.php)

Penjelasan :

index.php -- merupakan halaman pertama secara defaul akan tampil di browser pada saat kita mengetik localhost/login. pada file index,php kita buat form login, maksud saya membuat pada index.php supaya saat kita jalankan langsung tampil from login, jika kita tidak membuat di index.php juga bisa, misalnya kita buat dengan nama login.php juga bisa, di index.php kita mesti memanggil file loginnnya supaya form login akan ditampilkan. pada postingan ini kita buat yang sederhana saja dulu.

Cek_login.php -- fungsinya untuk mengecek aktifitas login apakan informasi yang dimasukan sesuai dengan yang ada pada database, jika benar maka akan ditampilkan pada halaman selanjutnya, apabila salah maka akan kembali lagi ke form login.

koneksi.php -- merupakn script untuk melakukan koneksi kedatabase

home.php -- ini merupakan halaman yang akan tampil pada saat proses login succes.

logout.php -- berfungsi sebagai script untuk keluar dari sistem

Berikut scriptnya :

script login (index.php)

<form action="ceklogin.php" method="post">
        <table width="334">
  <tr>
    <th colspan="2">Administrator Login </th>
  </tr>
  <tr><th width="68"> Username</th>
  <th width="156"><div align="left">
    <input name="username" type="text" size="35" required="required">
  </div></th>
  </tr>
  <tr><th> Password</th>
  <th><div align="left">
    <input name="password" type="password" size="35" required="required">
  </div></th>
  </tr>
  <tr><th colspan="2"><input type="submit" value="Login"> <input type="reset" value="Batal"></th></tr>
  </table>
  </form>

Selanjutnya kita membuat script ceklogin.php scriptnya seperti berikut.

<?php @session_start();
    /*
    author : freescripts
    site : http:freescriptsweb.com/
    */
    //koneksi database
    include ("koneksi.php");
    //ambil data dari form
    $username=$_POST['username'];
    $password=$_POST['password'];
     $idmember=$_POST['idmember'];
    //koneksikan data
    $pilih= "Select * From admin where username='$username' and password='$password'";
    $query=mysql_query($pilih);
   $data=mysql_num_rows($query);
    //Validasi Data dari form dengan database
   if ($data >= 1)
    {
    $_SESSION['username']=$username;
    $_SESSION['password']=$password;
    header('location:Admin/');
    }
    else
    {
    echo "<script type='text/javascript'>alert('Maaf! Data yang anda masukan tidak benar');document.location='login.php'</script>";
    }
    ?>/div>

header('location:Admin/'); --- anda ganti sesuai nama yang anda buat, juka home.php makan anda ubah dengan nama tersebut.

Script home.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="../styles/layout.css" type="text/css" />
<!--[if lte IE 8]><style type="text/css">@import url("styles/ie.css");</style><![endif]-->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.defaultvalue.js"></script>
<script type="text/javascript">
jQuery(function ($) {
    $("#name, #email, #message").defaultvalue("Name", "Email", "Message");
});
</script>
</head>
<body>
<!-- START PAGE SOURCE -->
<div class="wrapper col1">
  <div id="header" class="clear">
    <div class="fl_left">
      <h1>&nbsp;</h1>
      <h1><a href="#"></a></h1>
    </div>
  </div>
</div>
<div class="wrapper">
  <div id="topbar">
     <div id="menu1">
    <ul>
      <li><a href="index.php?Halaman Utama">Beranda</a></li>
       <li><a href="?page=profil">Profile</a></li>

          <li><a href="?page=produk">Add Produk</a>
            <ul>
        </ul></li>
          <li><a href="?page=daftar katalog">Data Katalog </a></li>
          <li><a href="?page=daftar produk">Data Produk</a></li>
           <li><a href="?page=pesan">Data Pesanan</a></li>
          <li><a href="logout.php">Logout</a></li>
     </ul>
   </div>
  </div>
</div>
<div class="wrapper col3">
  <div id="container">
    <!-- ## Start Content Area ## -->
    <div id="content">
   <?php include "form.php";?>
    </div>
    <!-- / ### -->
    <div id="column">
      <p class="style4">&nbsp;</p>
      <p class="style4">&nbsp;</p>
    </div>
    <!-- / ### -->
    <div class="clear"></div>
  </div>
</div>
<div class="wrapper col6">
  <div id="copyright" class="clear">
    <p>Footer</p>
    </div>
</div>
<!-- END PAGE SOURCE -->
<div align=center></div>
</body>
</html>

Halaman home.php bisa ada buat sendiri, ini hanya sebagai contoh saja untuk menjalankan form login.

Script Logout.php

<?php
error_reporting(0);
session_start();
include"koneksi.php";

/* proses logout */

session_destroy();
exit("<script>window.location='index.php';</script>");

?>

HASIL FORM LOGIN

Demikian sedikit postingan artikel tentang cara membuat form login dengan PHP dan MySQL, jika ada masalah dan gagal dalam membuatnya silahkan tinggalkan komentar, jika admin tak sempat membalas mukin ada kawan-kawan yang berhasil dapat membantu. Terimakasih.

Tweet

Subscribe to receive free email updates: