MWI – Untuk management buku kita rencanakan dengan 1 kolom tambahan untuk upload cover, sehingga ada penanganan yang berbeda harus upload gambar. Gambar yang akan diupload akan dimasukan kedalam folder gambar, maka buat dahulu folder gambar dan folder buku di dalam pustaka.
Buat folder gambar didalam folder utama (pustaka/gambar) berguna menyimpan file gambar untuk cover buku. Siapkan folder kerja bernama buku dan letakan di dalam folder utama (pustaka/buku).
Tampil (Read) – index.php
Buat file baru dan berinama index.php yang berfungsi untuk menampilkan semua data buku, letakan dalam folder pustaka/buku. Lalu isi dengan code.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Perpustakaan | Modul Anggota</title>
</head>
<body>
<a href="../">Home</a> | <a href="tambah.php">Tambah</a>
<h1>Modul Anggota</h1>
<table cellspacing=0 cellpadding=5 border=1>
<tr bgcolor="#ccc">
<th>No</th>
<th>Judul</th>
<th>Penulis</th>
<th>Penerbit</th>
<th>Tahun<br>Terbit</th>
<th>Cover</th>
<th width="108px">Pilihan</th>
</tr>
<?php
require_once("../koneksi.php");
$sql ="SELECT * FROM buku";
$query=mysqli_query($koneksi, $sql);
if(mysqli_num_rows($query)==0){
echo "<td colspan=7>Data Masih Kosong</td>";
}else{
$no=1;
while($r=mysqli_fetch_assoc($query)){
echo "<tr>";
echo "<td align='center'>$no</td>";
echo "<td>" . $r['judul'] . "</td>";
echo "<td>" . $r['penulis'] . "</td>";
echo "<td>" . $r['penerbit'] . "</td>";
echo "<td align='center'>" . $r['tahun'] . "</td>";
$g=$r['gambar']==""?"0.png":$r['gambar'];
echo "<td align='center'><img src='../gambar/" . $g . "' height='50px'></td>";
echo '<td><a href="edit.php?id='.$r['id'].'">Edit</a> | <a href="hapus.php?id='.$r['id'].'" onclick="return confirm(\'Yakin Akan dihapus?\')">Hapus</a></td>';
echo "</tr>";
$no++;
}
}
?>
</table>
</body>
</html>
Perhatikan kode $g=$r[‘gambar’]==””?”0.png”:$r[‘gambar’];
echo “<td align=’center’><img src=’../gambar/” . $g . “‘ height=’50px’></td>”;
ini berfungsi untuk menampilkan gambar yang ada di dalam folder gambar dengan nama file gambar yang ada di database. cek dan lihat hasilnya
Tambah (Create) – tambah.php
Selanjutnya buat file tambah.php dalam folder buku dan isi dengan kode
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Tambah Anggota Perpustakaan</title>
</head>
<body>
<h1>Modul Tambah Anggota</h1>
<form action="simpan.php" method="post" enctype="multipart/form-data">
<table>
<tr>
<td>Judul *</td>
<td><input type="text" name="judul" placeholder="Judul Buku" size="50" required></td>
</tr>
<tr>
<td>Penulis</td>
<td><input type="text" name="penulis"></td>
</tr>
<tr>
<td>Penerbit</td>
<td><input type="text" name="penerbit"></td>
</tr>
<tr>
<td>Tahun Terbit</td>
<td><input type="number" name="tahun"></td>
</tr>
<tr>
<td>Gambar Cover</td>
<td><input type="file" name="gambar" accept="image/*"></td>
</tr>
<tr>
<td><input type="reset"></td>
<td><input type="submit" value="Simpan" name="simpan"></td>
</tr>
</table>
</form>
</body>
</html>
kode <td><input type=”file” name=”gambar” accept=”image/*”></td> artinya jenis input file dengan file gambar saja yang diijinkan untuk diinput, lanjutkan untuk memproses file dengan cara menyimpannya, buat file seperti yang disebut dalam action <form action=”simpan.php” method=”post” enctype=”multipart/form-data”> dan pastikan sudah ad enctype dengan isi multipart. Buat file simpan.php
Tambah Proses (Create) – simpan.php
<?php
//cek apakah ini hasil dari submit dari form atau langsung buka file
if(isset($_POST['simpan'])){
include_once("../koneksi.php");
$nama = $_POST['nama'];
$hp = $_POST['hp'];
$alamat = $_POST['alamat'];
$tgabung = $_POST['tgabung'];
$status = $_POST['status'];
//Berikan perintah simpan
$sql = "INSERT INTO anggota SET nama='$nama', hp='$hp', alamat='$alamat', tgabung='$tgabung', status='$status'";
$simpan=mysqli_query($koneksi, $sql);
if($simpan){
header('location:index.php');
}else{
include "index.php";
echo '<script language="JavaScript">';
echo 'alert("Data Gagal Ditambahkan.")';
echo '</script>';
}
}else{
echo "Jangan Akses langsung kemari, cek name pada submit <a href='index.php'>Kembali</a>";
}
?>
Pingback: CRUD PHP Native dengan MySQLI Extension - Daftar Isi | Muhidin Saimin
Pingback: CRUD PHP Native dengan MySQLi Extension – Update & Delete Anggota(3) - Muhidin Saimin