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

Post a Comment

Popular posts from this blog

Cara Koneksi Database SQL Server

-
Image
VB .NET - Cara Koneksi Database SQL Server Pada tutorial gratis VB .Net atau Visual Basic .Net kali ini akan dibahas mengenai Cara Koneksi Database SQL Server. Langkahnya sangat mudah, silahkan ikuti tutorial dibawah ini : Pastikan anda telah menginstall Aplikasi dibawah ini : 1. Visual Basic .Net 2. Database SQL Server (kami menggunakan SQL Server 2008 R2) Berikut langkanya : No.1 - Membuat Database dan Tabel Dengan SQL Server Buatlah Database Pada SQL Server dengan nama :   DBJNM Buatlah Tabel dengan nama :   TBL_PEGAWAI   dengan design tabel seperti gambar dibawah ini : Kemudian karena nantinya kita akan mengkoneksikannya saja, maka membuat sample data pada TBL_PEGWAI tersebut. silahkan masukan seperti contoh dibawah ini : Jika sudah membuat langkah diatas, Baca Juga : Cara Koneksi Database MySQL dengan VB .Net No.2 - Membuat Form1 Beserta Kodingnya Buka Visual Basic .Net anda Buatlah Form Seperti gambar dibawah ini : Pada Form diatas, hanya dit
Read more

Membuat CRUD Visual Basic .NET Database MySQL

-
Image
Membuat CRUD Visual Basic .NET Database MySQL Pada pembelajaran kali ini akan bahas mengenai cara membuat CRUD ( cread, read, update and delete) atau bahasa indonesianya Input, Edit, Delete Visual Basic .NET database Menggunakan MysQL. Syarat Mengikuti Tutorial ini : 1.    Anda sudah menginstall Visual Basic atau Visual Studio ( Boleh Versi Apapun) 2.    Anda sudah menginstall database MysQL ( Saya menggunakan Xampp) 3.    Anda sudah menginstall Connector MySQL to VB ( Jika anda belum silahkan download di  menu Download web JNM ini ) Jika syarat diatas sudah dipenuhi berikut langkahnya : LANGKAH 1 : Membuat Database dan Tabel Menggunakan MySQL Langkah ini wajib dilakukan ya, karena jika tidak ada database dan tabel maka anda tidak bisa melakukan CRUD Silahkan buka Xampp Control Panel : Pastikan Apache dan MysQL dalam keadaan running seperti gambar diatas, Jika sudah silahkan buka browser anda. Kemudian masuk ke PHP MyAdmin :  http://localhost/phpmyadmin/ Maka akan muncul t
Read more

Cara Input Data Dengan PHP

-
Image
Cara Input Data Dengan PHP Melanjutkan BAB Tutorial PHP bersama JNM, pada artikel kali ini saya akan membahas tentang cara Input atau Insert kedalam database menggunakan bahasa pemograman PHP. Sebelum membuat tulisan ini, saya searching di Google mengenai cara input data dengan database, namun banyak sekali yang membuat saya bingung dan mungkin anda juga merasakannya. Kenapa saya bingung? karena banyak sekali website yang tidak memberikan secara lengkap dan mereka bahkan hanya copy paste saja dari website lain. Oleh karena itu saya cukup gatal dan ingin membagikan kepada anda semua. Tutorial cara input data menggunakan PHP kali ini, saya menggunakan teknik HTML 5 yang sudah saya posting di website JNM ini, sehingga form yang diguankan sudah Responsive dan sudah kekinian tentunya. Kemudian saya informasikan juga, untuk database menggunakan MySQL. Anda cukup install Xampp dan Untuk editornya cukup menggunakan Notepad++ Silahkan Buka komputer anda Jalankan Xampp control panel P
Read more