Aplikasi Pengelolaan Laundry Part 2 - Membuat Koneksi dan Halaman Login

ullprasetio Maret 09, 2021
Aplikasi Pengelolaan Laundry Part 2 - Blog banner

PlajariKode - Aplikasi Pengelolaan Laundry

Hai, berjumpa lagi. Pada part sebelumnya kita telah membuat database dengan nama db_laundry dan pada part kali ini kita lanjutkan dengan membuat koneksi dan membuat halaman login.

File-file yang akan kita buat diantaranya:
  • config (folder)
    • Koneksi.php
  • index.php
  • Proses_login.php

Koneksi.php

File ini digunakan untuk menghubungkan atau membuat koneksi antara PHP ke engine MySQL. 
<?php

class Koneksi {
  private $host = 'localhost';
  private $user = 'root';
  private $pass = '';
  private $db_name = 'db_laundry';
  var $conn;

  public function __construct()
  {
    $this->conn = new mysqli($this->host, $this->user, $this->pass, $this->db_name);
  }
}

# cek koneksi
// $conn = new Koneksi();

Jika dijalankan lalu tidak muncul apapun dilayar berarti koneksi berhasil.


Proses_login.php

File ini berisi method yang digunakan pasa proses login. 
<?php

require_once 'config/Koneksi.php';

class Proses extends Koneksi {
  public function login($uname, $pass)
  {
    $stmt = $this->conn->query("SELECT * FROM tb_user WHERE username = '$uname' AND password = '$pass'");

    return $stmt;
  }
}

$proses = new Proses();

index.php

Berisi baris kode tampilan halaman login beserta kode untuk validasi login. 
<?php
session_start();
require_once 'Proses_login.php';

if (isset($_POST['login'])) {
  $uname = $_POST['username'];
  $pass = $_POST['password'];

  $uname = $proses->conn->real_escape_string($uname);
  $pass = $proses->conn->real_escape_string($pass);

  if (empty($uname) || empty($pass)) {
    $error = "Username atau Password belum diisi";
  } else {
    $login = $proses->login($uname, SHA1($pass));

    if ($login->num_rows > 0) {
      // $error =  "Login berhasil";

      $r = $login->fetch_assoc();
      $_SESSION['role'] = $r['role'];
      $_SESSION['id_user'] = $r['id_user'];

      if ($r['role'] == 'admin') {
        // arahkan ke halaman admin
        header('Location: admin/index.php');
      } elseif ($r['role'] == 'kasir') {
        // arahkan ke halaman kasir
        header('Location: kasir/index.php');
      } else {
        // arahkan ke halaman owner
        header('Location: owner/index.php');
      }
    } else {
      $error = "Login gagal";
    }
  }
}
?>

<!DOCTYPE html>
<html>
<head>
  <title>Aplikasi Pengelolaan Laundry</title>
</head>
<body>
  <h1>Silahkan masuk</h1>
  
  <?php 

  if (isset($error)) {
    echo $error;
  }

  ?>

  <form action="<?php $_SERVER['PHP_SELF'] ?>" method="post">
    <label for="">Username</label><br/>
    <input type="text" name="username" placeholder="Masukan Username" autocomplete="off"><br/>
    <label for="">Password</label><br/>
    <input type="password" name="password" placeholder="Masukan Password" autocomplete="off"><br/>
    <button type="submit" name="login">Masuk</button>
  </form>
</body>
</html>

Output:


Aplikasi Pengelolaan Laundry Part 2 - Tampilan Halaman Login
Tampilan halaman login.
Aplikasi Pengelolaan Laundry Part 2 - Tampilan halaman login dengan pesan error karena username atau password belum diisi.
Tampilan halaman login dengan pesan error.
Tampilan halaman login dengan pesan login gagal.

Tonton video tutorial part 2 disini dan jangan lupa like, share serta subscribe ges. :)

Cukup sekian untuk part 2 ini, terimakasih sudah mampir dan sampai jumpa di part selanjutnya.

Tags:

Posting Komentar

1 Komentar