Cara Membuat Form Login Dengan PHP Dan MySQLi

Cara Membuat Form Login Dengan PHP Dan MySQLi
Di Posting Oleh : wandi
Kategori : PHP

Pada kesempatan kali ini saya akan membuat tutorial PHP yaitu Cara Membuat Form Login dengan PHP dan MySQLi. Dalam membuat sebuah program aplikasi khususnya program aplikasi yang didalamnya terdapat data - data penting, form login sangat diperlukan untuk mengamankan data - data penting tersebut. Selain itu, Form login juga bisa berfungsi sebagai hak akses. Maksudnya, untuk mengakses data - data penting didalam program aplikasi yang kita buat hanya user yang mempunyai hak atau user yang mempunyai username dan password.

Seperti yang sudah saya jelaskan diatas, saya akan membuat Form Login dengan PHP dan MySQLi. dan syntax PHP yang akan saya gunakan adalah syntax session. Apa itu session? Dalam PHP, session merupakan data yang disimpan dalam suatu server, dan data tersebut dapat digunakan kembali secara global di server tersebut. Dan karena saya akan menggunakan MySQLi maka saya akan menyimpan data username dan password nya di database MySQLi. Untuk lebih jelasanya silahkan simak langkah-langkahnya dibawah ini.

Baca juga source code aplikasi tiket pesawat dan kereta api dengan PHP

Cara Membuat Form Login dengan PHP dan MySQLi

Langkah pertama buka aplikasi XAMPP Control Panel lalu start apache dan mysql nya.

Langkah kedua buka browser lalu phpMyAdmin dengan mengetikan http://localhost/phpmyadmin di address bar browser

Langkah ketiga buat database dengan nama db_login, dan tabel nya dengan nama t_login lalu buat fieldnya yang terdiri dari field username dan password. Untuk lebih lengkapnya silahkan lihat gambar dibawah ini.

Langkah keempat silahkan buat form login dengan nama login-form.html dengan syntax seperti dibawah ini.

Baca juga Source code sistem absensi sekolah php

<!DOCTYPE html>
<html>
<head>
 <title>Form Login</title>
 <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
 <div class="login">
  <div class="container">
   <div class="box">
    <h1>Silahkan Masukan Username dan Password anda</h1><br>
    <form method="post" action="login.php">
     <label>Username</label><br>
     <input type="text" name="user" maxlength="10"><br><br>
     <label>Password</label><br>
     <input type="password" name="pass" maxlength="10"><br><br>
     <input type="submit" name="simpan" value="Login">
    </form>
   </div>
  </div>
 </div>
</body>
</html>

Langkah kelima buat syntax php untuk proses login nya lalu beri nama login.php

Baca juga Source code siste infomasi karyawan dengan codeigniter

<?php
if(isset($_POST['simpan'])){
 $user = $_POST['user'];
 $pass = $_POST['pass'];

 $conn = mysqli_connect('localhost', 'root', '', 'db_login');
  if(mysqli_connect_errno()){
   echo "Koneksi Ke Server Gagal";
   exit();
  }

 $sql="select * from t_login where username='".$user."'AND password='".$pass."'";
    $result=mysqli_query($conn, $sql);
    $num_rows=mysqli_num_rows($result);
    $row=mysqli_fetch_row($result);
    if($num_rows>0){
        session_start();
        $_SESSION["nama"]=$row['username'];
        $_SESSION["pass"]=$row['password'];
        echo "<script>location='home.html';</script>";
    } else {
        echo "<script>alert('Username atau Password Admin tidak benar !!!');</script>";
        echo "<script>location='login-form.html';</script>";
    }
}
?>

Langkah keenam buat tampilan home lalu beri nama home.html file ini akan tampil jika login berhasil dan untuk syntax nya bisa dilihat dibawah ini

Baca juga Source code aplikasi conter hp Dengan PHP

<!DOCTYPE html>
<html>
<head>
 <title>Form Login</title>
 <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
 <div class="login">
  <div class="container">
   <div class="box">
    <h1>Selamat Anda Berhasil Login !!!</h1><br>
    <a href="logout.php">LOGOUT</a>
   </div>
  </div>
 </div>
</body>
</html>

Langkah ketujuh buat syntax untuk proses logout nya yang syntax nya bisa dilihat seperti berikut:

<?php
session_destroy();
echo "<script>location='login-form.html';</script>";//jika berhasil maka akan kembali ke login form
?>

Langkah terakhir agar tampilanya menjadi lebih rapih, saya akan menambahakan sedikit css yang saya beri nama style.css dan untuk syntax nya seperti dibawah ini.

.login .container
{ 
 text-align: center; 
 vertical-align: center; 
 background-color: rgba(0,0,0,0.5); 
 height: 600px;
}

.box 
{ display: inline-block; 
 position: relative; 
 top: 50%; transform: 
 translateY(-50%);
}

.box a
{ 
 text-decoration: none; 
 color: #000000; font-weight: 
 bold; background-color:rgba(255,255,255,0.8); 
 padding: 6px; border-radius: 10px;
}

Baca juga Source code php point of sale dan mysql

Sehingga tampilanya menjadi seperti berikut.

Tampilan login-form.html

Tampilan home.html

Kurang lebih seperti itulah Cara Membuat Form Login Dengan PHP dan MySQLi. Semoga Bermanfaat.
Mau liat atau download source code aplikasi premium bisa disini.

Cara Membuat Form Login Dengan PHP Dan MySQLi

Cara Membuat Form Login dengan PHP dan MySQLi

0 Komentar