Kali ini kita akan membahas tentang pembuatan aplikasi perpustakaan berbasis web dasar. Tentunya kita akan mengupas tuntas tentang CRUD menggunakan PHP. Silahkan ikuti stepnya berikut ini.
1. Buat Satu file Database
Silahkan dibuat database dengan nama “perpustakaan” kemudian buat tabel dengan nama “buku” dan buat fieldnya sesuai dengan gambar di bawah ini :
2. Buat file koneksi.php
Silahkan copy dan paste codingan berikut simpan ke dalam folder htdoc/perpustakaan dengan nama koneksi.php
<?php
error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
$konek = mysqli_connect("localhost", "root", "", "perpustakaan");
?>
3. Buat file index.php
kemudian silahkan buat file index.php dan simpan ke dalam folder htdoc/perpustakaan
<?php
require("koneksi.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Data Buku</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<h3>DATA BUKU</h3>
<hr>
<a href="tambah.php" class="btn btn-primary mb-2">Tambah Buku</a>
<?php
if(isset($_POST['hapus_data'])){
$id_buku = $_POST['id_buku'];
$proses = mysqli_query($konek,"DELETE FROM buku WHERE id_buku = '$id_buku'");
// header("Location: index.php");
if($proses){
echo"
<div class='alert alert-success'>
Berhasil menghapus data buku...
</div>
<meta http-equiv='refresh' content='3;url=index.php'>
";
}else{
echo"
<div class='alert alert-danger'>
Gagal menghapus data buku...
</div>
";
}
}
?>
<table class="table table-hover table-stripted table-bordered">
<thead>
<tr>
<th class="text-center">#</th>
<th>ID. Buku</th>
<th>Nama Buku</th>
<th>Jenis Buku</th>
<th class="text-center">Aksi</th>
</tr>
</thead>
<tbody>
<?php
$nodata = 1;
$sdata = mysqli_query($konek,"SELECT * FROM buku");
while($ddata = mysqli_fetch_array($sdata)){
echo"
<tr>
<td class='text-center'>".$nodata.".</td>
<td>".$ddata['id_buku']."</td>
<td>".$ddata['nm_buku']."</td>
<td>".$ddata['jenis']."</td>
<td class='text-center'>
<form method='post' class='btn-group'>
<a href='tambah.php?id_buku=".$ddata['id_buku']."' class='btn btn-success'>EDIT</a>
<input type='hidden' name='id_buku' value='".$ddata['id_buku']."'>
<button type='submit' name='hapus_data' class='btn btn-danger'>HAPUS</button>
</form>
</td>
</tr>
";
$nodata++;
}
?>
</tbody>
</table>
</div>
</body>
</html>
4. Buat file tambah.php
Kemudian juga copy dan paste codingan di bawah ini simpan ke dalam folder htdoc/perpustakaan dengan nama tambah.php
<?php
require("koneksi.php");
$id_buku = $_GET['id_buku'];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tambah/Edit Data Buku</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<?php
if(isset($_POST['tambah_data'])){
$nm_buku = $_POST['nm_buku'];
$jenis = $_POST['jenis'];
$pengarang = $_POST['pengarang'];
$tahun = $_POST['tahun'];
$proses = mysqli_query($konek,"INSERT INTO buku (nm_buku, jenis, pengarang, tahun) VALUE ('$nm_buku','$jenis','$pengarang','$tahun')");
// header("Location: index.php");
if($proses){
echo"
<div class='alert alert-success'>
Berhasil menambah data buku...
</div>
<meta http-equiv='refresh' content='3;url=index.php'>
";
}else{
echo"
<div class='alert alert-danger'>
Gagal menambah data buku...
</div>
";
}
}else if(isset($_POST['edit_data'])){
$id_buku = $_POST['id_buku'];
$nm_buku = $_POST['nm_buku'];
$jenis = $_POST['jenis'];
$pengarang = $_POST['pengarang'];
$tahun = $_POST['tahun'];
$proses = mysqli_query($konek,"UPDATE buku SET nm_buku = '$nm_buku', jenis = '$jenis', pengarang = '$pengarang', tahun = '$tahun' WHERE id_buku = '$id_buku'");
// header("Location: index.php");
if($proses){
echo"
<div class='alert alert-success'>
Berhasil merubah data buku...
</div>
<meta http-equiv='refresh' content='3;url=index.php'>
";
}else{
echo"
<div class='alert alert-danger'>
Gagal merubah data buku...
</div>
";
}
}
if(empty($id_buku)){
?>
<h3>TAMBAH DATA BUKU</h3>
<hr>
<form method="post">
<div class="form-group">
<label>Nama Buku :</label>
<input type="text" class="form-control" name="nm_buku" placeholder="Nama Buku" required>
</div>
<div class="form-group">
<label>Jenis Buku :</label>
<input type="text" class="form-control" name="jenis" placeholder="Jenis Buku" required>
</div>
<div class="form-group">
<label>Pengarang :</label>
<input type="text" class="form-control" name="pengarang" placeholder="Pengarang" required>
</div>
<div class="form-group">
<label>Tahun :</label>
<input type="toner" class="form-control" name="tahun" placeholder="Tahun" required>
</div>
<div class="form-group">
<a href="index.php" class="btn bg-dark text-light">Batal</a>
<button type="submit" class="btn bg-dark text-light" name="tambah_data" required>Tambah Data</button>
</div>
</form>
<?php
}else{
$sdata = mysqli_query($konek,"SELECT * FROM buku WHERE id_buku = '$id_buku'");
$ddata = mysqli_fetch_array($sdata);
?>
<h3>EDIT DATA BUKU</h3>
<hr>
<form method="post">
<input type="hidden" name="id_buku" value="<?php echo $ddata['id_buku'];?>">
<div class="form-group">
<label>Nama Buku :</label>
<input type="text" class="form-control" name="nm_buku" placeholder="Nama Buku" value="<?php echo $ddata['nm_buku'];?>" required>
</div>
<div class="form-group">
<label>Jenis Buku :</label>
<input type="text" class="form-control" name="jenis" placeholder="Jenis Buku" value="<?php echo $ddata['jenis'];?>" required>
</div>
<div class="form-group">
<label>Pengarang :</label>
<input type="text" class="form-control" name="pengarang" value="<?php echo $ddata['pengarang'];?>" placeholder="Pengarang" required>
</div>
<div class="form-group">
<label>Tahun :</label>
<input type="toner" class="form-control" name="tahun" value="<?php echo $ddata['tahun'];?>" placeholder="Tahun" required>
</div>
<div class="form-group">
<a href="index.php" class="btn bg-dark text-light">Batal</a>
<button type="submit" class="btn bg-dark text-light" name="edit_data" required>Edit Data</button>
</div>
</form>
<?php
}
?>
</div>
</body>
</html>
5. Copy folder assets
Terakhir silahkan download dan salin folder “assets” kedalam htdoc/perpustakaan
Download Folder Assets
Silahkan jalankan, jika ada pertanyaan boleh kirim komentar di bawah.
Comments 1