CRUD PHP Native dengan MySQLi Extension – Buku (4)

By | Maret 5, 2023
This entry is part 4 of 5 in the series CRUD PHP Native dengan MySQLi Extension

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>";
}
?>
Series Navigation<< CRUD PHP Native dengan MySQLi Extension – Update & Delete Anggota(3)CRUD PHP Native dengan MySQLI Extension – Daftar Isi >>

2 thoughts on “CRUD PHP Native dengan MySQLi Extension – Buku (4)

  1. Pingback: CRUD PHP Native dengan MySQLI Extension - Daftar Isi | Muhidin Saimin

  2. Pingback: CRUD PHP Native dengan MySQLi Extension – Update & Delete Anggota(3) - Muhidin Saimin

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.