Membuat Form Login Dengan PHP Dan Mysql


          Pada tutorial kali ini saya akan menjelaskan cara membuat form login dengan bahasa pemrograman PHP. Form login berfungsi untuk mencegah pihak yang tidak berkepentingan masuk ke dalam suatu sistem. Misalnya halaman administrator dari suatu sistem. Sebelum memulai kamu harus menginstal aplikasi Xampp. Untuk mengetahui apa itu Xampp dan bagaimana cara mengintsalnya silakan kamu kunjungi link berikut ini Cara Menginstal Xampp di Windows


Langsung aja tonton tutorialnya di bawah ini

Script Untuk Membuat Form Login dengan PHP
Ada beberapa script yang diperlukan untuk membuat form login dengan PHP. Berikut masing-masing script beserta fungsinya.
  • Daftar Untuk Form pendaftaran
  • index Untuk menampilkan pesan berhasil login setiap user
  • koneksi untuk emmbuat koneksi php dengan database
  • login Untuk membuat tampilan form login 
  • logout Untuk Keluar atau Logout
  • prosesdaftar Untuk proses pendaftaran user dan password
  • proseslogin Untuk pemprosesan login jika berhasil akan tampil ke index jika tidak akan muncul pesan proses gagal
Setelah kamu sukses menginstal Xampp di komputer , kemudian qm buat databasenya terlebih dahulu seperti gambar di bawah ini


Kemudian buat tabel dengan nama user kemudian buat filed 3 dengan isi masing-masing di bawah ini


langsung saja ikuti langkah langkah berikut ini untuk membuat form login dengan PHP.
  • Buat sebuah folder baru dengan nama “latihan” di dalam folder tempat instalasi Xampp. Folder latihan ini akan kita gunakan untuk menyimpan semua script yang dibuat. Contoh foldernya seperti ini C:\xampp\htdocs\latihan
  • Buka text editor misalnya notepad, notepad++ atau apapun yang biasa kamu gunakan. Disini saya menggunakan aplikasi Php Designer.
  • Copy Paste masing-masing script berikut dan simpan dengan nama yang sudah disebutkan di atas. Simpan di folder yang dibuat tadi yaitu C:\xampp\htdocs\latihan


Daftar.php
<?php
session_start();
if(isset($_SESSION['username'])) {
header('location:index.php'); }
?>

<title>Form Pendaftaran</title>

<center>
   <form action="prosesdaftar.php" method="post">
     <table>
       <tbody>
         <tr><td colspan="2" align="center"><h1>Daftar Baru</h1></td></tr>
         <tr><td>Username</td><td> : <input name="username" type="text"></td></tr>
         <tr><td>Password</td><td> : <input name="password" type="password"></td></tr>
         <tr><td colspan="2" align="right"><input value="Daftar" type="submit"> <input value="Batal" type="reset"></td></tr>
         <tr><td colspan="2" align="center">Sudah Punya akun ? <a href="login.php"><b>Login</b></a></td></tr>
       </tbody>
     </table>
   </form>
</center>


Berikut penampakannya jika dijalankan melalui browser:




Kemudian index.php
<?php
session_start();
if(!isset($_SESSION['username'])) {
header('location:login.php'); }
else { $username = $_SESSION['username']; }
require_once("koneksi.php");

$query = mysql_query("SELECT * FROM user WHERE username = '$username'");
$hasil = mysql_fetch_array($query);
?>

<title>Halaman Sukses Login</title>

<center>
<?php
echo "Selamat Datang, <b>$username</b> ";
?>
<a href="logout.php"><b>Logout</b></a>
</center>


Berikut penampakannya jika dijalankan melalui browser:
Koneksi.php
<?php
$host = "localhost";
$user = "root";
$pass = "";
$db = "latihan";
$konek = mysql_connect($host, $user, $pass) or die ('Koneksi Gagal! ');
mysql_select_db($db);
?>

Login.php
<?php
session_start();
if(isset($_SESSION['username'])) {
  header('location:index.php'); }
  require_once("koneksi.php");
  ?>

  <title>Form Login</title>

  <center>
   <form action="proseslogin.php" method="post">
     <h1>Masuk</h1>
     <table>
       <tbody>
         <tr><td>Username</td><td> : <input name="username" type="text"></td></tr>
         <tr><td>Password</td><td> : <input name="password" type="password"></td></tr>
         <tr><td colspan="2" align="right"><input value="Login" type="submit"> <input value="Batal" type="reset"></td></tr>
         <tr><td colspan="2" align="center">Belum Punya akun ? <a href="daftar.php"><b>Daftar</b></a></td></tr>
       </tbody>
     </table>
   </form>
 </center>

Berikut penampakannya jika dijalankan melalui browser:
Logout.php

<?php


session_start();


unset($_SESSION['username']);

?>
<center>

   <h2>Anda telah berhasil logout..</h2>


   Silahkan klik <a href="login.php">disini</a> untuk login kembali


</center>

    
Berikut penampakannya jika dijalankan melalui browser:
Prosesdaftar.php


   <?php


require_once("koneksi.php");


$username = $_POST['username'];

$pass = $_POST['password'];



$cekuser = mysql_query("SELECT * FROM user WHERE username = '$username'");

if(mysql_num_rows($cekuser) > 0) {
 echo "Username Sudah Terdaftar!";



   echo "Masih ada data yang kosong!";

 echo '<a href="daftar.php">Back</a>';
} else {
 if(!$username || !$pass) {



   $simpan = mysql_query("INSERT INTO user(username, password) VALUES('$username','$pass')");

   echo '<a href="daftar.php">Back</a>';
 } else {
   if($simpan) {



 }

     echo 'Pendaftaran Sukses, Silahkan <a href="login.php">Login</a>';
   } else {
     echo "Proses Gagal!";
   }
}



?>



Berikut penampakannya jika dijalankan melalui browser:
Daftatr terlebih dahulu user dan passwordnya



Kemudian Hasil pendaftaran





Proseslogin.php
     <?php

session_start();


require_once("koneksi.php");


$username = $_POST['username'];

$pass = $_POST['password'];

$cekuser = mysql_query("SELECT * FROM user WHERE username = '$username'");

$jumlah = mysql_num_rows($cekuser);
$hasil = mysql_fetch_array($cekuser);
if($jumlah == 0) {

   if($pass <> $hasil['password']) {

echo "Username Belum Terdaftar!";
   echo '<a href="login.php">Back</a>';
} else {
     echo "Password Salah!";

     header('location:index.php');

echo '<a href="login.php">Back</a>';
   } else {
     $_SESSION['username'] = $hasil['username'];
   }
}

?>



Berikut penampakannya jika dijalankan melalui browser:
Jika tidak berhasil
Jika berhasil

Sekian Tutorial dari saya semoga 

0 Komentar