Tugas Pemrograman Web I : Insert, Update, Delete


Nama  : Nurhikmah Septridiani
Nim    : 1802046
Kelas  : 2 D TI


Kali ini kita akan membahas tiga hal yaitu :
1. Insert
2. Update
3. Delete

Berikut ini penjelasannya..

1. Insert

a. Buka tugas sebelumnya yaitu perpustakaan.php dan edit menjadi seperti ini














b. Buat file baru dengan nama "insert_data.php" dan simpan di folder yang sama.

Lalu buat script berikut :
<!DOCTYPE html>
<html>
<head>
<title>Perpustakaan</title>
</head>
<style>
.container{
margin: auto;
width: 900px;
}
</style>
<body>
<div class="container">
<h2>Index Buku</h2>
<a href="insert_data.php">Tambah Data</a><br><br>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<th>No</th>
<th>Kode Buku</th>
<th>Judul Buku</th>
<th>Penulis</th>
<th>Penerbit</th>
<th>Tahun Terbit</th>
<th>Harga</th>
<th>Option</th>
</tr>
<?php include
'koneksi.php';
$no = 1;
$data = mysqli_query($koneksi,"SELECT * FROM buku");
while ($b = mysqli_fetch_array($data)) {
  ?>
<tr>
<td><?php echo $no++; ?></td>
<td><?php echo $b['kode_buku']; ?></td>
<td><?php echo $b['judul_buku']; ?></td>
<td><?php echo $b['penulis']; ?></td>
<td><?php echo $b['penerbit']; ?></td>
<td><?php echo $b['tahun_terbit']; ?></td>
<td><?php echo $b['harga']; ?></td>
<td>
<a href="update_data.php?xid=<?php echo $b['kode_buku']; ?>">Edit</a>
<a href="delete_data.php?xid=<?php echo $b['kode_buku']; ?>">Hapus</a>
</td>
</tr>
<?php
}
?>
</table>
</div>
</body>

</html>


c. Buat folder baru dengan nama "aksi_simpan.php"
Lalu, buat script berikut:

<?php
include 'koneksi.php';

$kb = $_POST["kode_buku"];
$jb = $_POST["judul_buku"];
$pn = $_POST["penulis"];
$pb = $_POST["penerbit"];
$tt = $_POST["tahun_terbit"];
$hg = $_POST["harga"];

mysqli_query(
$koneksi,"INSERT INTO buku (kode_buku, judul_buku, penulis, penerbit, tahun_terbit, harga)
VALUES('$kb', '$jb', '$pn', '$pb', '$tt', '$hg')"
);

header('location:perpustakaan.php');

 ?>


d. Jalankan "perpustakaan.php" dan klik Tambah Data


Lalu klik tombol edit maka browser akan menampilkan halaman edit data.



e. Tekan Simpan dan kita akan diarahkan kembali ke "perpustakaan.php", kita berhasil menambah data buku baru.



2. Update

a. Buka "perpustakaan.php" dan edit menjadi seperti ini



b. Buat file baru dengan nama "update_data.php" dan simpan di folder yang sama.
Lalu buat script berikut

<!DOCTYPE html>
<html>
<head>
<title>Ubah Data Buku</title>
</head>
<?php 
$id = $_GET['xid'];
include 'koneksi.php';
$sql = mysqli_query($koneksi, "SELECT * FROM buku WHERE kode_buku='$id'");
$b = mysqli_fetch_array ($sql)

 ?>
<body>
<form action="aksi_update.php" method="post">
<table>
<tr>
<td>Kode Buku</td>
<td><input type="text" name="kode_buku" value="<?php echo $b['kode_buku']; ?>"></td>
</tr>
<tr>
<td>Judul Buku</td>
<td><input type="text" name="judul_buku" value="<?php echo $b['judul_buku']; ?>"></td>
</tr>
<tr>
<td>Penulis</td>
<td><input type="text" name="penulis" value="<?php echo $b['penulis']; ?>"></td>
</tr>
<tr>
<td>Penerbit</td>
<td><input type="text" name="penerbit" value="<?php echo $b['penerbit']; ?>"></td>
</tr>
<tr>
<td>Tahun Terbit</td>
<td><input type="text" name="tahun_terbit" value="<?php echo $b['tahun_terbit']; ?>"></td>
</tr>
<tr>
<td>Harga</td>
<td><input type="text" name="harga" value="<?php echo $b['harga']; ?>"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="save" value="simpan"></td>
</tr>
</table>
</form>
</body>
</html>

c. Buat file baru dengan nama "aksi_update.php" dan simpan di folder yang sama.
Lalu buat script berikut

<?php 
include 'koneksi.php';

$kb = $_POST["kode_buku"];
$jb = $_POST["judul_buku"];
$pn = $_POST["penulis"];
$pb = $_POST["penerbit"];
$tt = $_POST["tahun_terbit"];
$hg = $_POST["harga"];

mysqli_query(
$koneksi,"UPDATE buku SET kode_buku='$kb',
judul_buku='$jb',
penulis='$pn',
penerbit='$pb',
tahun_terbit='$tt',
harga='$hg'
WHERE 
kode_buku='$kb'

"
) ;

header('location:perpustakaan.php');

 ?>

d. Jalan kan "perpustakaan.php" dan klik "Edit"



Maka browser akan menampilkan halaman "update_data.php", dan ubah data bukunya.



Klik simpan dan kita akan diarahkan kembali ke "perpustakaan.php". Disini kita telah berhasil merubah datanya.



3. Delete

a. Buka "perpustakaan.php" dan edit menjadi seperti ini



b. Buat file baru dengan nama "delete_data.php" dan simpan di folder yang sama

Lalu buat script berikut

<?php 
include 'koneksi.php';

$id = $_GET['xid'];
mysqli_query($koneksi, "DELETE FROM buku WHERE kode_buku='$id'");

header('location:perpustakaan.php');

 ?>

c. Jalankan "perpustakaan.php" dan klik "hapus".


Maka browser akan mengarahkan kembali ke "perpustakaan.php" dan kita berhasil menghapus satu data buku yaitu buku dengan kode buku "001".



Sekian penjelasan tentang Insert, Update, dan Delete. Terima Kasih sudah membaca semoga bermanfaat ^_^

Komentar