CRUD ( Create Read Update Delete ) atau Koneksi, Input, Edit, Hapus Data memakai PHP database MySQLi. Melanjutkan tutorial PHP, pada artikel kali ini aku akan membahas perihal Cara Membuat sebuah Aplikasi web dasar yaitu Input, Edit, Hapus data memakai pemograman PHP.
Jika pada pembelajaran sebelumnya anda telah dapat menciptakan Input, Edit, Hapus data memakai PHP, kali ini kita akan menyatukan Input, Edit dan Hapus menjadi satu halaman web.
Berikut Cara menciptakan CRUD dengan PHP :
Langkah 1 : Membuat Database dan Tabel Menggunakan MySQL
Silahkan jalankan Xampp, lalu buat database dan tabel dengan xampp tersebut. Jika anda telah mengikuti tutorial input data memakai PHP, maka anda tidak perlu menciptakan 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
lalu 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 yakni sebagai berikut
Langkah 3 : Membuat File koneksi.php
Fungsi file koneksi.php ini yakni 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="Membuat CRUD PHP Database MySQLi" src="icon/edit.png"/></a> <a href="hapus.php?nimmhs=<?php echo $row["nimmhs"]; ?>" class="link"><img name="delete" nimmhs="delete" title="Membuat CRUD PHP Database MySQLi" onclick="return confirm('Yakin akan di Hapus?')" src="icon/delete.png"/></a></td> </tr> <?php } } ?> </tbody> </table> </body> </html>Jika sudah, eksklusif menuju ke Tahap 5
Tahap 5 : Membuat file input.php
Pada tahap ini kita akan menciptakan 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 dilema 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 final melaksanakan tahap 5, mari kita lanjut ke tahap 6.
Tahap 6 : Membuat File edit.php
Ya dari namanya saja edit.php maka fungsi ini yakni untuk menciptakan 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 dilema 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 melaksanakan praktik terlebih dahulu, apakah Index.php sudah berjalan? Apakah Anda sudah sukses Input Data, Apakah anda sudah dapat Edit Data?
Sialhkan anda berkomentar, kalau anda sudah dapat Input dan Edit maka akan aku 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 dapat 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 diatas
