Detri Amelia Chandra
  • HOME
  • PHP Tutorial
  • GIS
  • HTML
  • Bootstrap
  • CSS
  • Javascript
  • Ubuntu
  • Useful Tools
    • URL Redirect Tool
    • URL Download Encryptor
No Result
View All Result
  • HOME
  • PHP Tutorial
  • GIS
  • HTML
  • Bootstrap
  • CSS
  • Javascript
  • Ubuntu
  • Useful Tools
    • URL Redirect Tool
    • URL Download Encryptor
Detri Amelia Chandra
No Result
View All Result

Pemrograman Web dan Perangkat Bergerak – Perpustakaan Part-1

Detri Amelia Chandra by Detri Amelia Chandra
16/04/2020
in Belajar PHP
1
PEMROGRAMAN WEB DAN PERANGKAT BERGERAK – PERPUSTAKAAN PART-1

PEMROGRAMAN WEB DAN PERANGKAT BERGERAK – PERPUSTAKAAN PART-1

0
SHARES
60
VIEWS
Share on FacebookShare on Twitter

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.

Recommended Post

Relasi Tabel Database Menggunakan Operasi Join dan Model Klasik

Pemrograman Web dan Perangkat Bergerak – Perpustakaan Part-1

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 :
Database

2. Buat file koneksi.php

Silahkan copy dan paste codingan berikut simpan ke dalam folder htdoc/perpustakaan dengan nama koneksi.php

1
2
3
4
<?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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<?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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<?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.

Tags: Belajar PHPRPL
Previous Post

14. PHP Forms – Validation With Required Fields

Next Post

Relasi Tabel Database Menggunakan Operasi Join dan Model Klasik

Related Posts

Relasi Tabel Database Menggunakan Operasi Join dan Model Klasik

Relasi Tabel Database Menggunakan Operasi Join dan Model Klasik

30/04/2020
PEMROGRAMAN WEB DAN PERANGKAT BERGERAK – PERPUSTAKAAN PART-1

Pemrograman Web dan Perangkat Bergerak – Perpustakaan Part-1

16/04/2020
Next Post
Relasi Tabel Database Menggunakan Operasi Join dan Model Klasik

Relasi Tabel Database Menggunakan Operasi Join dan Model Klasik

Comments 1

  1. Ping-balik: Relasi Tabel Database Menggunakan Operasi Join dan Model Klasik - Detri Amelia Chandra

Tinggalkan Balasan Batalkan balasan

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

Top Stories

Relasi Tabel Database Menggunakan Operasi Join dan Model Klasik

Relasi Tabel Database Menggunakan Operasi Join dan Model Klasik

30/04/2020
PEMROGRAMAN WEB DAN PERANGKAT BERGERAK – PERPUSTAKAAN PART-1

Pemrograman Web dan Perangkat Bergerak – Perpustakaan Part-1

16/04/2020
PEMROGRAMAN WEB DAN PERANGKAT BERGERAK – PERPUSTAKAAN PART-1

Pemrograman Web dan Perangkat Bergerak – Perpustakaan Part-1

16/04/2020

News & More

Categories

  • Counseling
  • Consultations
  • Relationship
  • Friendship
  • Singlehood

About Us

We bring you the best Premium WordPress Themes that perfect for news, magazine, personal blog, etc. Check our landing page for details.

Connect on Social

© 2019 JNews - Premium WordPress news & magazine theme by Jegtheme.

No Result
View All Result
  • HOME
  • PHP Tutorial
  • GIS
  • HTML
  • Bootstrap
  • CSS
  • Javascript
  • Ubuntu
  • Useful Tools
    • URL Redirect Tool
    • URL Download Encryptor

© 2021 Detri Amelia Chandra - IT Tips and Programming Tutorial.