Hallo teman-teman kali ini kita akan belajar bagaimana cara membuat CRUD menggunakan php mysqli prosedural, kita akan membuatnya mulai dari Insert, Update, Edit, Delete.
Di tutorial ini kita tidak akan mempercantik tampilannya dulu :D, yang penting tahu script dasarnya dulu agar mudah dipahami, kalian bisa menghiasnya sendiri atau pakai bootstrap.
Pertama buat databasenya dahulu dengan nama prosedural .
Kemudian buat tabel beri nama siswa kemudian isi columns-nya sebagai berikut :
CREATE TABLE `siswa` (
`id` int(11) NOT NULL,
`nama` varchar(50) NOT NULL,
`alamat` varchar(50) NOT NULL,
`telepon` varchar(50) NOT NULL
)
Kalau bingung lihat gambar berikut !
Kemudian di folder htdoc buat folder baru beri nama prosedural . kemudian drag and drop ke text editor. di dalam folder prosedural buat folder baru beri nama database ,
kemudian buat new file beri nama koneksi.php, dan pastekan code berikut:
<?php
$openServer = mysqli_connect("localhost", "root", "", "prosedural");
?>Membuat halaman form insert
Terus di folder prosedural klik new file beri nama index.php. dan salin kode berikut:
<?php
include 'database/koneksi.php'; //untuk menghubungkan koneksi ke database
if (isset($_POST['simpan'])) {
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$telepon = $_POST['telepon'];
$qSiswa = "INSERT INTO `siswa`(`nama`, `alamat`, `telepon`) VALUES('$nama', '$alamat', '$telepon')"; //untuk mengisi nilai dr hasil inputan
$insertSiswa = mysqli_query($openServer, $qSiswa); //untuk menjalankan perintah
header('location:home.php');
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<form action="index.php" method="post">
<label>Nama</label>
<input type="text" name="nama">
<br>
<label>Alamat</label>
<input type="text" name="alamat">
<br>
<label>Telepon</label>
<input type="text" name="telepon">
<br>
<input type="submit" name="simpan" value="Save">
</form>
</body>
</html>Membuat Halaman Tampil Data
Di dalam folder prosedural buat new file beri nama home.php dan salin code berikut:
<?php
include 'database/koneksi.php';
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<table border="2px">
<thead>
<tr>
<th>ID</th>
<th>Nama</th>
<th>Alamat</th>
<th>Telepon</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
// Hapus
if (isset($_GET['delete'])) {
$delete = $_GET["delete"];
$qDelSiswa = "DELETE FROM siswa WHERE id = $delete";
$deleteSiswa = mysqli_query($openServer, $qDelSiswa);
}
// Tampil
$selectSiswa = "SELECT * FROM siswa"; //menampilkan data dari database
$openSiswa = mysqli_query($openServer, $selectSiswa);
while ($row = mysqli_fetch_array($openSiswa)) { //Digunakan untuk mengubah tabel menjadi array
?>
<tr>
<td><?php echo $row['id']; ?></td>
<td><?php echo $row['nama']; ?></td>
<td><?php echo $row['alamat']; ?></td>
<td><?php echo $row['telepon']; ?></td>
<td>
<a href="?delete=<?php echo $row['id']; ?>">Delete</a>
<a href="edit.php?edit=<?php echo $row['id']; ?>">Edit</a>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<a href="http://localhost/prosedural/index.php">Tambah Siswa</a>
</body>
</html>Membuat Halaman Form Edit
Selanjutnya membuat halaman form edit atau untuk mengupdate data, buat new file edit.php di dalam folder prosedural dan salin code berikut:
<?php
include "database/koneksi.php";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<?php
// Menjalankan Tombol Update
if (isset($_POST['update'])) {
$id = $_POST['id'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$telepon = $_POST['telepon'];
$qEditSiswa = "UPDATE `siswa` SET `nama` = '$nama', `alamat` = '$alamat', `telepon` = '$telepon' WHERE id = '$id'";
$updateSiswa = mysqli_query($openServer, $qEditSiswa);
header('location:home.php');
}
// Menampilkan Isi ke dalam form input
if (isset($_GET['edit'])) {
$edit = $_GET['edit'];
$qSelectSiswa = "SELECT * FROM siswa WHERE id = '$edit'";
$openSiswa = mysqli_query($openServer, $qSelectSiswa);
while ($rows = mysqli_fetch_array($openSiswa)) {
?>
<form action="edit.php" method="post">
<label>Nama</label>
<input type="hidden" name="id" value="<?php echo $rows['id']; ?>">
<input type="text" name="nama" value="<?php echo $rows['nama']; ?>">
<br>
<label>Alamat</label>
<input type="text" name="alamat" value="<?php echo $rows['alamat']; ?>">
<br>
<label>Telepon</label>
<input type="text" name="telepon" value="<?php echo $rows['telepon']; ?>">
<br>
<input type="submit" name="update" value="Update">
</form>
<?php
}
}
?>
</body>
</html>
Struktur foldernya seperti ini !
Sampai disini kita telah selesai membuat crud-nya.
Jangan lupa save terus coba jalankan di browser dengan mengetik berikut :
http://localhost/prosedural/index.php , Coba isi form inputannya dan klik save, lihat di databasenya maka data berhasil tersimpan di database. mudah bukan :D
Untuk melihat hasil akhirnya silahkan download source codenya Disini
Jika ada kesulitan silahkan tanyakan di kolom komentar :D, selamat mencoba dan semoga berhasil...
Tidak ada komentar:
Posting Komentar