Source Code Aplikasi Peminjaman Barang Berbasis Web Dengan PHP dan MySQL Part 5 - CRUD Data Petugas

Hai gengs, kembali lagi, masih dalam pembuatan Aplikasi Inventory Berbasis Web Dengan PHP dan MySQL, pada artikel sebelumnya kita sudah membuat CRUD untuk data barang, jika kalian terlewat silahkan klik link dibawah ini gengs:

Sebelumnya: CRUD Data Barang Aplikasi Inventory

Dalam artikel ini kita akan membuat CRUD untuk Petugas, kodingannya tidak jauh berbeda, ubah dan tambah sedikit kode saja gengs. Haha. Berikut kode beserta penjelasannya:

File-file yang akan kita buat pada sesi kali ini adalah sebagai berikut:

• admin/data-petugas.php - Berisi kode yang digunakan sebagai navigasi
• admin/includes/petugas.php - Berisi kode untuk menampilkan data petugas
• admin/includes/tambah-petugas.php - Berisi kode untuk desain form tambah petugas
• admin/proses/proses-tambah-petugas.php - Berisi baris kode untuk proses penyimpanan data petugas
• admin/includes/edit-petugas.php - Baris kode untuk desain form edit petugas dan sekaligus menampilkan data petugas yang akan diubah
• admin/proses/proses-ubah-petugas.php - Baris kode untuk proses update data petugas
• admin/includes/detail-petugas.php - Kode untuk menampilkan detail data petugas

Dan strukturnya akan seperti berikut:

• admin (folder)
• includes (folder)
• petugas.php
• tambah-petugas.php
• edit-petugas.php
• detail-petugas.php
• proses (folder)
• proses-tambah-petugas.php
• proses-ubah-petugas.php
• data-petugas.php

Navigasi

Didalam folder admin, buat file baru dengan nama data-petugas.php, file ini digunakan untuk mangatur pemanggilan halaman. Berikut baris kodenya:

<?php
session_start();
require_once '../config/db.php';

if (!isset($_SESSION['id_user'])) {
	header('Location: ../index.php');
}

// Mengelurkan seluruh data barang yang ada di Database
$sql = "SELECT * FROM users WHERE id_level = 2";
$query = $conn->query($sql);
$data = $query->fetch_all(MYSQLI_ASSOC);

// Nomor untuk increment baris tabel
$no = 1;

require_once 'includes/header.php';
if (!isset($_GET['h'])) {
	require_once 'includes/petugas.php';	
} else if ($_GET['h'] == 'tambah-petugas') {
	require_once 'includes/'.$_GET['h'].'.php';	
} else if ($_GET['h'] == 'detail-petugas') {
	require_once 'includes/'.$_GET['h'].'.php';	
} else if ($_GET['h'] == 'edit-petugas') {
	require_once 'includes/'.$_GET['h'].'.php';	
} else if ($_GET['h'] == 'hapus-petugas') {
	
	$hapus = $conn->query("DELETE FROM users WHERE id_user ='".$_GET['id']."'");
	if ($hapus) {
		header('Location: data-petugas.php');
	} else {
		header('Location: data-petugas.php');
	}

}
require_once 'includes/footer.php';  

Halaman Data Petugas

1. Buat file baru dengan nama petugas.php dan masukan kode berikut:

<div class="container mt-5">
 
  <h2>Data Petugas</h2>
  <hr>

  <a href="index.php" class="btn btn-primary btn-sm float-left">← Kembali</a>
  <a href="?h=tambah-petugas" class="btn btn-primary btn-sm float-right">Tambah Petugas</a>
  <div class="clearfix"></div>

  <table class="table table-sm mt-3">
    <thead>
      <tr>
 <th>No</th>
 <th>Nama Petugas</th>
 <th>Username</th>
 <th>Password</th>
 <th>Sebagai</th>
 <th>Aksi</th>
      </tr>
    </thead>
    <tbody>
      <?php 
      foreach ($data as $r): 
      $r['id_level'] == 1 ? $sebagai = "Admin" : $sebagai = "Operator"; 
      ?>

      <tr>
 <td><?= $no++ ?></td>
 <td><?= $r['nama'] ?></td>
 <td><?= $r['username'] ?></td>
 <td><?= $r['password'] ?></td>
 <td><?= $sebagai ?></td>
        <td>
          <div class="d-inline">
     <a href="?h=detail-petugas&id=<?= $r['id_user'] ?>" class="btn btn-primary btn-sm">Detail</a>
     <a href="?h=edit-petugas&id=<?= $r['id_user'] ?>" class="btn btn-success btn-sm">Edit</a>
     <a href="?h=hapus-petugas&id=<?= $r['id_user'] ?>" class="btn btn-danger btn-sm" onclick="return confirm('Hapus data ini?')">Hapus</a>
     </div>
 </td>
      </tr>
      
      <?php endforeach ?>
    </tbody>
  </table>

</div>

Pada bagian

$r['id_level'] == 1 ? $sebagai = "Admin" : $sebagai = "Operator";

itu sama saja dengan:

if($r['id_level'] == 1) {
  $sebagai = "Admin";
} else {
  $sebagai = "Operator";
}

Dan tampilannya akan seperti ini:

Halaman Tambah Data Petugas

1. Buat file dengan nama tambah-petugas.php didalam folder includes dan masukan kode berikut:

<div class="container mt-5">
 
  <h2>Tambah Data Petugas</h2>
  <hr>
 
  <a href="data-petugas.php" class="btn btn-primary btn-sm float-left">← Kembali</a>
  <div class="clearfix"></div>

  <form action="proses/proses-tambah-petugas.php" method="POST" class="mt-3" autocomplete="off">
    <div class="form-group">
      <label for="nama">Nama Petugas</label>
      <input type="text" name="nama" placeholder="Nama Petugas" class="form-control" autofocus required>
    </div>
    <div class="form-group">
      <label for="password">Username</label>
      <input type="text" name="username" placeholder="Masukan Username" class="form-control" required>
    </div>
    <div class="form-group">
      <label for="password">Password</label>
      <input type="text" name="password" placeholder="Masukan Password" class="form-control" required>
    </div>
    <div class="form-group">
      <label for="sebagai">Sebagai</label>
      <input type="text" name="sebagai" value="Operator" class="form-control" required readonly>
    </div>
    <button type="submit" class="btn btn-primary float-right">Tambah Petugas</button>
  </form>

</div>

Output:

Halaman Ubah Data Petugas

1. Buat file dengan nama edit-petugas.php dan masukan kode berikut untuk desain sekaligus menampilkan data petugas yang akan diubah

<div class="container mt-5">
 
  <h2>Edit Data Petugas</h2>
  <hr>
 
  <a href="data-petugas.php" class="btn btn-primary btn-sm float-left">← Kembali</a>
  <div class="clearfix"></div>

  <?php 
  $petugas = $conn->query("SELECT * FROM users WHERE id_user = '".$_GET['id']."'");
  $data = $petugas->fetch_assoc();

  $data['id_level'] == 1 ? $sebagai = "Admin" : $sebagai = "Petugas";
  ?>

  <form action="proses/proses-ubah-petugas.php" method="POST" class="mt-3" autocomplete="off">
    <div class="form-group">
      <label for="nama">Nama Petugas</label>
      <input type="text" name="nama" value="<?= $data['nama'] ?>" class="form-control" autofocus required>
    </div>
    <div class="form-group">
      <label for="username">Username</label>
      <input type="text" name="username" value="<?= $data['username'] ?>" class="form-control" autofocus required>
    </div>
    <div class="form-group">
      <label for="password">Password</label>
      <input type="text" name="password" value="<?= $data['password'] ?>" class="form-control" required readonly>
    </div>
    <div class="form-group">
      <label for="sebagai">Sebagai</label>
      <input type="text" name="sebagai" value="<?= $sebagai ?>" class="form-control" required>
    </div>
    <input type="hidden" name="id" value="<?= $data['id_user'] ?>">
    <button type="submit" class="btn btn-primary float-right">Edit Petugas</button>
  </form>

</div>

Output:

Halaman Detail Petugas

Halaman ini menampilkan seluruh data dari petugas berdasarkan id

1. Buat lagi file dengan nama detail-petugas.php dan masukan baris kode berikut:

<div class="container mt-5">
 
  <h2>Detail Petugas</h2>
  <hr>
 
  <a href="data-petugas.php" class="btn btn-primary btn-sm float-left">← Kembali</a>
  <div class="clearfix"></div>
 
  <?php 
    $sql = $conn->query("SELECT * FROM users WHERE id_user = '".$_GET['id']."'");
    $data = $sql->fetch_assoc();
    $data['id_level'] == 1 ? $sebagai = "Admin" : $sebagai = "Operator";
  ?>

  <div class="card mt-3">
    <div class="card-header">
      <?= $data['nama'] ?>
    </div>
    <div class="card-body">
      <p>Username : <?= $data['username'] ?></p>
      <p>Sebagai : <?= $sebagai ?></p>
    </div>
  </div>

</div>

Semua tampilan halaman petugas sudah kita buat, sekarang kita akan membuat file untuk proses menyimpan dan mengubah data petugas.

Proses Tambah Data Petugas

1. Buat file proses-tambah-petugas.php didalam subfolder proses, lebih tepatnya pada folder admin > proses > proses-tambah-petugas.php, seperti yang sudah dijelaskan diatas.
2. Masukan kode berikut:

<?php
session_start();
require_once '../../config/db.php';

if (!isset($_SESSION['id_user'])) {
  header('Location: ../../index.php');
}

$nama = $_POST['nama'];
$username = $_POST['username'];
$password = sha1($_POST['password']);
$sebagai = $_POST['sebagai'];
$sebagai == "Operator" ? $sebagai = 2 : 0;

if (!isset($nama, $username, $password, $sebagai)) {
  header('Location: ../petugas.php?h=tambah-petugas');
}

$sql = "INSERT INTO users VALUES ('', '$nama', '$username', '$password', '$sebagai')";
$query = $conn->query($sql);

if ($query) {
  header('Location: ../data-petugas.php');
} else {
  header('Location: ../data-petugas.php?h=tambah-petugas');
}

Proses Ubah Data Petugas

1. Masih difolder yang sama yaitu folder proses, buat file proses-ubah-petugas.php dan masukan kode berikut:

<?php
session_start();
require_once '../../config/db.php';

if (!isset($_SESSION['id_user'])) {
  header('Location: ../../index.php');
}

$nama  = $_POST['nama'];
$username = $_POST['username'];
$sebagai = $_POST['sebagai'];
$sebagai == "Operator" ? $sebagai = 2 : $sebagai = 1;
$id = $_POST['id'];

$update = $conn->query("UPDATE users SET nama = '$nama', username = '$username', id_level = '$sebagai' WHERE id_user = '".$id."'");

if ($update) {
  header('Location: ../data-petugas.php');
} else {
  header('Location: ../data-petugas.php?h=edit-petugas');
}

Nah kita sudah membuat CRUD untuk data petugas, sampe sini jika muncul masalah bisa kalian tuliskan apa yang salah pada kolom komentar dibawah. Terimakasih dan sampai jumpa pada part selanjutnya.