Membuat Aplikasi Peminjaman Barang Berbasis Web Dengan PHP dan MySQL Part 4 - CRUD Data Barang Bagian 2

Hai gengs, kembali lagi di blog sederhana ini yang tentunya masih seputar pembuatan Aplikasi Peminjaman  Barang Berbasis Web dengan PHP dan MySQL, kita akan melanjutkan proses CRUD Data Barang Aplikasi Inventory.

Pada artikel sebelumnya telah sampai pada Proses Tambah dan Hapus Data Barang dan pada artikel ini kita akan membuat halaman detail barang dan halaman Update barang.

Nah.. Langsung saja tanpa panjang lebar berikut adalah file yang akan kita buat:

• admin/includes/detail-barang.php - Berisi baris kode untuk tampilan halaman detail barang
• admin/includes/edit-barang.php - Berisi kode untuk tampilan form edit barang
• admin/proses/proses-ubah-barang.php - Baris kode untuk update data barang

Maka strukturnya akan seperti berikut:

• admin (folder)
• includes (folder)
• detail-barang.php
• edit-barang.php
• proses (folder)
• proses-ubah-barang.php

Halaman Detail Barang

1. Buat file dengan nama detail-barang.php didalam folder includes
2. Masukan kode berikut:

<div class="container mt-5">
 
  <h2>Detail Data Barang</h2>
  <hr>
 
  <a href="data-barang.php" class="btn btn-primary btn-sm float-left">← Kembali</a>
  <div class="clearfix"></div>
 
  <?php 
    $sql = $conn->query("SELECT * FROM barang INNER JOIN users WHERE id_barang = '".$_GET['id']."'");
    $data = $sql->fetch_assoc();
  ?>

  <div class="card mt-3">
    <div class="card-header">
      <?= $data['nama_barang'] ?>
    </div>
    <div class="card-body">
      <p>Jenis barang : <?= $data['jenis'] ?></p>
      <p>Jumlah : <?= $data['jumlah'] ?></p>
      <p>Kondisi : <?= $data['kondisi'] ?></p>
      <p>Tgl. Registrasi : <?= $data['tgl_regis'] ?></p>
      <p>Ruang : <?= $data['ruang'] ?></p>
      <p>Petugas : <?= $data['nama'] ?></p>
    </div>
  </div>

</div>

Penjelasan: pada halaman ini kita hanya bisa melihat detail barang yang kita pilih berdasarkan id_barang.

Outputnya akan seperti gambar dibawah ini:

Form Ubah Data Barang

1. Buat file baru dengan nama edit-barang.php dalam folder includes, pada halaman ini kita langsung menampilkan data yang akan diubah
2. Berikut kodenya:

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

  <a href="data-barang.php" class="btn btn-primary btn-sm float-left">← kembali</a>
  <div class="clearfix"></div>

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

  <form action="proses/proses-ubah-barang.php" method="POST" class="mt-3" autocomplete="off">
    <input type="hidden" name="id" value="<?= $data['id_barang'] ?>">
    <div class="form-group">
      <label for="nama_barang">Nama Barang</label>
      <input type="text" name="nama_barang" placeholder="Contoh: Kursi" class="form-control" autofocus required value="<?= $data['nama_barang'] ?>">
    </div>

    <div class="row">
      <div class="col-md-4">
        <div class="form-group">
          <label for="jenis">Jenis Barang</label>
          <input type="text" name="jenis" class="form-control" required placeholder="Contoh: Kayu" value="<?= $data['jenis'] ?>">
 </div>
      </div>
      <div class="col-md-4">
        <div class="form-group">
   <label for="jumlah">Jumlah</label>
   <input type="number" name="jumlah" min="1" placeholder="Minimal 1" class="form-control" required value="<?= $data['jumlah'] ?>">
 </div>
      </div>
      <div class="col-md-4">
 <div class="form-group">
   <label for="ruang">Ruang</label>
   <input type="text" name="ruang" class="form-control" required placeholder="Contoh: Gudang" value="<?= $data['ruang'] ?>">
 </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-4">
 <div class="form-group">
   <label for="jenis">Kondisi Barang</label>
   <input type="text" name="kondisi" class="form-control" required placeholder="Contoh: Baik" value="<?= $data['kondisi'] ?>">
 </div>
      </div>
      <div class="col-md-4">
        <div class="form-group">
   <label for="ket">Keterangan</label>
   <textarea class="form-control" name="ket" placeholder="(Opsional)"><?= $data['keterangan'] ?></textarea>
 </div>
      </div>
      <div class="col-md-4">
 <button type="submit" name="simpan" class="btn btn-success btn-sm" style="margin-top:32px; width:100%;"><b>Ubah</b></button>
      </div>
    </div>
  </form>
</div>

Output dari kode diatas:

Tampilan mirip dengan form tambah barang, tapi pada form ubah barang ini datanya langsung terisi sesuai dengan data barang yang akan diubah

Proses Update Data Barang

1. Kali ini buat file baru didalam folder proses dengan nama proses-ubah-barang.php
2. Dengan kode sebagai berikut:

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

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

$id = $_POST['id'];
$nama_barang = $_POST['nama_barang'];
$jenis = $_POST['jenis'];
$jumlah = $_POST['jumlah'];
$ruang = $_POST['ruang'];
$kondisi = $_POST['kondisi'];
$ket = $_POST['ket'];
$tgl_regis = date('Y-m-d');
$petugas = $_SESSION['id_user'];

$update = $conn->query("UPDATE barang SET nama_barang = '$nama_barang',
   jenis = '$jenis',
   jumlah = '$jumlah',
   ruang = '$ruang',
   kondisi = '$kondisi',
   keterangan = '$ket'
   WHERE id_barang = '$id'");

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

Okeh gengs, sampai sini kita sudah berhasil membuat CRUD untuk data barang dan pada artikel salanjutnya akan membuat CRUD untuk petugas.

Sampai sini jika ada kritik, saran ataupun pertanyaan langsung ketikan saja dalam kolom komentar dibawah.

Sampai jumpa dan terimakasih.

Baca juga: 

• Aplikasi Inventory Part 5 - CRUD Data Petugas
• Membuat Autentikasi Form Login dengan PHP dan MySQL