CRUD ( Create Read Update Delete ) atau Koneksi, Input, Edit, Hapus Data menggunakan PHP database MySQLi. Melanjutkan tutorial PHP, pada artikel kali ini saya akan membahas tentang Cara Membuat sebuah Aplikasi web dasar yaitu Input, Edit, Hapus data menggunakan pemograman PHP.
Jika pada pembelajaran sebelumnya anda telah bisa membuat Input, Edit, Hapus data menggunakan PHP, kali ini kita akan menyatukan Input, Edit dan Hapus menjadi satu halaman web.
Berikut Cara membuat CRUD dengan PHP :
Langkah 1 : Membuat Database dan Tabel Menggunakan MySQL
Silahkan jalankan Xampp, kemudian buat database dan tabel dengan xampp tersebut. Jika anda telah mengikuti tutorial input data menggunakan PHP, maka anda tidak perlu membuat database baru. Detail Database dan Tabel KLIK DISINI
Jika database : dbkampus dan tbl_mahasiswa telah terbuat, silahkan ikuti langkah 2
Langkah 2 : Membuat Sebuah Folder HTDOCS dan Membuat Style Tampilan CSS
Buatlah sebuah folder pada folder htdocs xampp anda.
nama folder : crudjnm
kemudian buatlah file css dengan nama : style.css
masukan koding css dibawah ini pada style.css
body{width:615px;font-family:arial;}
.tbl-qa{width: 100%;font-size:0.9em;background-color: #6ab5b9;border-spacing: 1px;border-radius: 4px;}
.tbl-qa th.table-header {padding: 5px;text-align: left;padding:10px;color:#FFF;font-weight:normal;}
.tbl-qa .table-row td {padding:10px;background-color: #ebf6f7;vertical-align:top;}
.button_link {padding: 20px 0px;text-align: right;}
.button_link a{color: #428a8e;text-decoration: none;background-color: FFF;padding: 8px 20px;font-size: 0.8em;border: #428a8e 1px solid; border-radius: 4px;}
.message {
color: #FF0000;
text-align: center;
width: 100%;
}
.txtField {padding: 8px;border: #afced0 1px solid;border-radius: 4px;width: 250px;}
.demo-form-submit {color: #FFF;background-color: #4e7173;padding: 10px 50px;border: 0px;cursor: pointer;border-radius:4px;}
.message { padding:8px 10px;box-sizing: border-box;text-align: left;border-radius: 4px;}
.success {background-color: #c4e4c4;border: #9ac19a 1px solid;color: #4b8e4b;}
.error {background-color: #e4cbc4;border: #c19c9a 1px solid;color: #8e4e4b;}Sehingga tampilan folder crudjnm adalah sebagai berikut
Langkah 3 : Membuat File koneksi.php
Fungsi file koneksi.php ini adalah untuk mengkoneksikan database dbkampus sehingga tidak ditulis panjang disetiap file PHP.
Berikut koding koneksi.php
<?php
$conn =new mysqli('localhost', 'root', '' , 'dbkampus');
?>Cukup Simpel ya untuk koneksi.php
Jika sudah silahkan lanjut ke tahap 4
Langkah 4 : Membuat File Index Untuk Memunculkan Data
Buatlah file index.php yang tujuannya untuk memunculkan data tbl_mahasiswa yang telah kita buat pada tahap 1.
Berikut full koding index.php
<?php
require_once("koneksi.php");
$sql = "SELECT * FROM tbl_mahasiswa";
$result = $conn->query($sql);
$conn->close();
?>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Employee</title>
</head>
<body>
<div class="button_link"><a href="input.php">Input Data</a></div>
<table class="tbl-qa">
<thead>
<tr>
<th class="table-header" wnimmhsth="20%">NIM</th>
<th class="table-header" wnimmhsth="20%">Nama</th>
<th class="table-header" wnimmhsth="20%"> Alamat </th>
<th class="table-header" wnimmhsth="20%"> telepon </th>
<th class="table-header" wnimmhsth="20%"> Jurusan </th>
<th class="table-header" wnimmhsth="20%" colspan="2">Aksi</th>
</tr>
</thead>
<tbody>
<?php
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
?>
<tr class="table-row" id="row-<?php echo $row["nimmhs"]; ?>">
<td class="table-row"><?php echo $row["nimmhs"]; ?></td>
<td class="table-row"><?php echo $row["namamhs"]; ?></td>
<td class="table-row"><?php echo $row["alamatmhs"]; ?></td>
<td class="table-row"><?php echo $row["teleponmhs"]; ?></td>
<td class="table-row"><?php echo $row["jurusanmhs"]; ?></td>
<td class="table-row" colspan="2"><a href="edit.php?nimmhs=<?php echo $row["nimmhs"]; ?>" class="link"><img title="Edit" src="icon/edit.png"/></a> <a href="hapus.php?nimmhs=<?php echo $row["nimmhs"]; ?>" class="link"><img name="delete" nimmhs="delete" title="Delete" onclick="return confirm('Yakin akan di Hapus?')" src="icon/delete.png"/></a></td>
</tr>
<?php
}
}
?>
</tbody>
</table>
</body>
</html>Jika sudah, langsung menuju ke Tahap 5
Tahap 5 : Membuat file input.php
Pada tahap ini kita akan membuat koding untuk input data kedalam tabel mahasiswa. Berikut kodingnya :
<?php
if (isset($_POST['submit'])) {
require_once("koneksi.php");
$sql = $conn->prepare("INSERT INTO tbl_mahasiswa (nimmhs,namamhs,alamatmhs,teleponmhs,jurusanmhs) VALUES (?, ?, ?, ?, ?)");
$nimmhs=$_POST['nimmhs'];
$namamhs = $_POST['namamhs'];
$alamatmhs= $_POST['alamatmhs'];
$teleponmhs= $_POST['teleponmhs'];
$jurusanmhs= $_POST['jurusanmhs'];
$sql->bind_param("sssss", $nimmhs, $namamhs, $alamatmhs, $teleponmhs, $jurusanmhs);
if($sql->execute()) {
$success_message = "Input Data Berhasil";
} else {
$error_message = "Ada masalah dengan Penginputan";
}
$sql->close();
$conn->close();
}
?>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<style>
.tbl-qa{border-spacing:0px;border-radius:4px;border:#6ab5b9 1px solid;}
</style>
<title>Input Data Mahasiswa</title>
</head>
<body>
<?php if(!empty($success_message)) { ?>
<div class="success message"><?php echo $success_message; ?></div>
<?php } if(!empty($error_message)) { ?>
<div class="error message"><?php echo $error_message; ?></div>
<?php } ?>
<form id="frmUser" method="post" action="">
<div class="button_link"><a href="index.php"> List Mahasiswa </a></div>
<table border="0" cellpadding="10" cellspacing="0" width="500" align="center" class="tbl-qa">
<thead>
<tr>
<th colspan="2" class="table-header">Input Data Mahasiswa</th>
</tr>
</thead>
<tbody>
<tr class="table-row">
<td><label>NIM</label></td>
<td><input type="text" name="nimmhs" class="txtField"></td>
</tr>
<tr class="table-row">
<td><label>Nama</label></td>
<td><input type="text" name="namamhs" class="txtField"></td>
</tr>
<tr class="table-row">
<td><label>Alamat</label></td>
<td><input type="text" name="alamatmhs" class="txtField"></td>
</tr>
<tr class="table-row">
<td><label>Telepon</label></td>
<td><input type="text" name="teleponmhs" class="txtField"></td>
</tr>
<tr class="table-row">
<td><label>Jurusan</label></td>
<td><input type="text" name="jurusanmhs" class="txtField"></td>
</tr>
<tr class="table-row">
<td colspan="2"><input type="submit" name="submit" value="Submit" class="demo-form-submit"></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>Jika sudah selesai melakukan tahap 5, mari kita lanjut ke tahap 6.
Tahap 6 : Membuat File edit.php
Ya dari namanya saja edit.php maka fungsi ini adalah untuk membuat edit data tabel mahasiswa.
Berikut kodingnya :
<?php
require_once("koneksi.php");
if (isset($_POST['submit'])) {
$sql = $conn->prepare("UPDATE tbl_mahasiswa SET namamhs=? , alamatmhs=? , teleponmhs=? , jurusanmhs=? WHERE nimmhs=?");
$namamhs=$_POST['namamhs'];
$alamatmhs = $_POST['alamatmhs'];
$teleponmhs= $_POST['teleponmhs'];
$jurusanmhs= $_POST['jurusanmhs'];
$sql->bind_param("sssss",$namamhs, $alamatmhs, $teleponmhs, $jurusanmhs,$_GET["nimmhs"]);
if($sql->execute()) {
$success_message = "Update Data Berhasil";
} else {
$error_message = "Ada masalah update data";
}
}
$sql = $conn->prepare("SELECT * FROM tbl_mahasiswa WHERE nimmhs=?");
$sql->bind_param("s",$_GET["nimmhs"]);
$sql->execute();
$result = $sql->get_result();
if ($result->num_rows > 0) {
$row = $result->fetch_assoc();
}
$conn->close();
?>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<style>
.tbl-qa{border-spacing:0px;border-radius:4px;border:#6ab5b9 1px solid;}
</style>
<title>employee edit </title>
</head>
<body>
<?php if(!empty($success_message)) { ?>
<div class="success message"><?php echo $success_message; ?></div>
<?php } if(!empty($error_message)) { ?>
<div class="error message"><?php echo $error_message; ?></div>
<?php } ?>
<form name="frmUser" method="post" action="">
<div class="button_link"><a href="index.php" > List Mahasiswa </a></div>
<table border="0" cellpadding="10" cellspacing="0" width="500" align="center" class="tbl-qa">
<thead>
<tr>
<th colspan="2" class="table-header">Edit Data Mahasiswa</th>
</tr>
</thead>
<tbody>
<tr class="table-row">
<td><label>Nama</label></td>
<td><input type="text" name="namamhs" class="txtField" value="<?php echo $row["namamhs"]?>"></td>
</tr>
<tr class="table-row">
<td><label>Alamat</label></td>
<td><input type="text" name="alamatmhs" class="txtField" value="<?php echo $row["alamatmhs"]?>"></td>
</tr>
<tr class="table-row">
<td><label>Telepon</label></td>
<td><input type="text" name="teleponmhs" class="txtField" value="<?php echo $row["teleponmhs"]?>"></td>
</tr>
<tr class="table-row">
<td><label>Jurusan</label></td>
<td><input type="text" name="jurusanmhs" class="txtField" value="<?php echo $row["jurusanmhs"]?>"></td>
</tr>
<tr class="table-row">
<td colspan="2"><input type="submit" name="submit" value="Submit" class="demo-form-submit"></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>Sebelum anda melanjutkan ke Tahap 7, silahkan anda cek atau melakukan praktik terlebih dahulu, apakah Index.php sudah berjalan? Apakah Anda sudah sukses Input Data, Apakah anda sudah bisa Edit Data?
Sialhkan anda berkomentar, jika anda sudah bisa Input dan Edit maka akan saya lanjutkan ke tahap Hapus Data.
Demikian Tutorial Cara Membuat CRUD PHP Database MySQLi Semoga Bermanfaat untuk anda, Jika anda merasa kesulitan dan menginginkan Project diatas anda bisa email ke JNM dan Jika tutorial diatas bermanfaat silahkan share ke teman-teman anda, dan jangan lupa berkomentar dibawah :)
Silahkan KLIK DISINI untuk mendownload Project PHP diatasSelain sebagai media informasi pemrograman, kami juga berbagi artikel terkait tips trik Android.
0 Response to "Membuat CRUD PHP Database MySQLi"
Posting Komentar