Membuat CRUD PHP Database MySQLi

Membuat CRUD PHP Database MySQLi

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.

Membuat CRUD PHP Database MySQLi

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
 Jika sudah sukses melakukan langkah 2, silahkan lanjut langkah 3 :

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.
Dwonload Gratis CRUD PHP Database MySQLi

Comments

Popular posts from this blog

Cara Koneksi Database SQL Server

Membuat CRUD Visual Basic .NET Database MySQL

Cara Input Data Dengan PHP