PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)
CRUD adalah singkatan dari Create Read Update Delete, yaitu istilah untuk perintah ke database yaitu
Create=INSERT, Read=SELECT, Update=UPDATE dan Delete=DELETE.
2. Config
File config.php ini kita buat untuk melakukan koneksi ke database, jadi file ini nantinya
akan di include
ke setiap file yang akan kita buat supaya bisa berhubungan dengan database.
<?php
$koneksi = mysqli_connect("localhost","root","","employee_training");
if (mysqli_connect_errno()){
echo "Gagal melakukan koneksi ke MySQL: " . mysqli_connect_error();
}
?>
PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)
3. index.php (READ)
Selanjutnya kita buat file index.php, file ini adalah file utama dimana setiap kita membuka
web maka
file index.php ini yang akan di tampilkan pertama kali
<?php
include('config.php');
?>
<!DOCTYPE html>
<html>
<head>
<title>WEB.COM</title>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
</head>
PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">CRUD PHP</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.php">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tambah.php">Tambah</a>
</li>
</ul>
</div>
</div>
</nav>
PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)
<div class="container" style="margin-top:20px">
<h2>Daftar Karyawan</h2>
<hr>
<table class="table table-striped table-hover table-sm table-bordered">
<thead class="thead-dark">
<tr>
<th>NO.</th>
<th>ID</th>
<th>NIK</th>
<th>NAMA</th>
<th>ACTION</th>
</tr>
</thead>
<tbody>
PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)
<?php
$sql = mysqli_query($koneksi, "SELECT * FROM table_employee ORDER BY id_emp DESC") or
die(mysqli_error($koneksi));
4. tambah.php (create)
Tahapan selanjutnya kita buat file tambah.php, file ini berisi script untuk melakukan proses
penambahan data. Ada form input an dan proses INSERT dengan script PHP, silahkan tulis
file di bawah
ini:
<?php
include('config.php');
?>
<!DOCTYPE html>
<html>
<head>
<title>GTHRIS.COM</title>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
</head>
PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">CRUD PHP</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.php">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="tambah.php">Tambah</a>
</li>
</ul>
</div>
</div>
</nav>
PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)
<div class="container" style="margin-top:20px">
<h2>Tambah Karyawan</h2>
<hr>
<?php
if(isset($_POST['submit'])){
$id_emp = $_POST['id_emp'];
$nik = $_POST['nik'];
$full_name = $_POST['full_name'];
6. edit.php (update)
File edit.php digunakan untuk melakukan proses edit/update data, file ini akan
menampilkan form
yang sama dengan form tambah.php, bedanya di edit.php ini akan mengambil data ke
database tabel
mahasiswa dengan kondisi id = $_GET[‘id’] yang di dapatkan dari URL. Berikut ini script
untuk edit.php
<?php
include('config.php');
?>
<!DOCTYPE html>
<html>
<head>
<title>GTHRIS.COM</title>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
</head>
PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">CRUD PHP</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.php">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="tambah.php">Tambah</a>
</li>
</ul>
</div>
</div>
</nav>
PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)
<div class="container" style="margin-top:20px">
<h2>Edit Employee</h2>
<hr>
<?php
if(isset($_GET['id'])){
$id_emp = $_GET['id'];
3. delete.php (DELETE)
Yang terakhir yaitu membuat file delete.php, file ini berisi script untuk menghapus data,
dengan query DELETE yang mengambil parameter id dari URL. Berikut ini script nya.
<?php
include('config.php');
if(isset($_GET['id_emp'])){
$id_emp = $_GET['id_emp'];
3. delete.php (DELETE)
Yang terakhir yaitu membuat file delete.php, file ini berisi script untuk menghapus data,
dengan query DELETE yang mengambil parameter id dari URL. Berikut ini script nya.
<?php
include('config.php');
if(isset($_GET['id_emp'])){
$id_emp = $_GET['id_emp'];