Aplikasi CRUD Sederhana PHP dan MySQL
Halo Programmer, pada tulisan ini saya akan memberikan tutorial belajar bagaimana cara membuat aplikasi CRUD (Create, Read, Update, Delete) sederhana dengan menggunakan bahasa pemrograman PHP dan menggunakan database MySQL. Saya yakin kalian sudah paham apa itu fungsi dari CRUD, ya itu adalah singkatan dari beberapa perintah yang diantaranya adalah Create digunakan untuk mengisi data atau melakukan insert data / input data. Read digunakan untuk membaca atau menampilkan data (view). Update digunakan untuk mengedit data, dan Delete digunakan untuk menghapus data. Ini adalah perintah dasar yang harus dikuasai oleh pemula yang ingin belajar pemrograman internet dan memulai membuat sebuah aplikasi.
Oke, langsung saja mari kita mulai belajar membuat aplikasi CRUD sederhana dengan PHP dan MySQL. Kurang lebih hasilnya akan seperti gambar screenshot dibawah ini.
Kamu juga bisa dengan mudah membuatnya melalui phpMyAdmin, lihat panduan Nya di sini: Cara Membuat Database dan Tabel Melalui phpMyAdmin.
Untuk menampilkannya kita kita harus membuat file index.php yang mana pada halaman index ini akan digunakan untuk menampilkan data.
Oh ya, bagi Anda yang mau Download atau sekedar ingin melihat demo Nya bisa klik tombol di bawah ini:
|
Oke, langsung saja mari kita mulai belajar membuat aplikasi CRUD sederhana dengan PHP dan MySQL. Kurang lebih hasilnya akan seperti gambar screenshot dibawah ini.
 |
| Demo Program Aplikasi CRUD Sederhana |
Tutorial Membuat Aplikasi CRUD Sederhana dengan Menggunakan PHP dan MySQL
Dalam pembuatan aplikasi CRUD sederhana yang akan kita buat kali ini adalah dengan menggunakan 5 file PHP yakni index.php, koneksi.php, tambah.php, edit.php, dan hapus.php. Semua file-file tersebut disimpan pada direktori C:\xampp\htdocs\barang.
Itulah file-file yang akan kita buat. Berikut langkah-langkahnya:
Langkah #1 Membuat Database
Tahap pertama adalah membuat database, sebagai contoh di sini kita buat database dengan nama "barang_db". Kemudian buat tabel baru dengan nama "barang" dengan 4 filed sebagai berikut: id_barang, nama_barang, harga_barang, stok_barang.CREATE DATABASE barang_db;
USE barang_db;
CREATE TABLE 'barang'(
'id_barang' int(11) NOT NULL auto_increment,
'nama_barang' varchar(100) NOT NULL,
'harga_barang' int(11) NOT NULL,
'stok_barang' int(11) NOT NULL,
PRIMARY KEY ('id_barang')
);
Kamu juga bisa dengan mudah membuatnya melalui phpMyAdmin, lihat panduan Nya di sini: Cara Membuat Database dan Tabel Melalui phpMyAdmin.
Langkah #2 Membuat Koneksi ke Database
Tahap selanjutnya adalah melakukan koneksi ke database dengan membuat file koneksi.php.<?php
// isi nama host, username mysql, dan password mysql anda
$konek = mysqli_connect("localhost","root","");
// isikan dengan nama database yang akan di hubungkan
$database = mysqli_select_db($konek, "barang_db");
?>
Untuk lebih jelasnya kamu bisa melihat panduan tutorial Nya di sini: Cara Membuat Koneksi PHP dengan Database MySQL XamppLangkah #3 Membuat File index.php Untuk Menampilkan Data (Select)
Tahap ke tiga adalah menampilkan data dari database MySQL ke dalam tabel PHP, dalam hal ini menampilkan data disingkat dengan Read, dan perintah untuk menampilkannya adalah dengan menggunakan SELECT * FROM barang.Untuk menampilkannya kita kita harus membuat file index.php yang mana pada halaman index ini akan digunakan untuk menampilkan data.
<html>
<head>
<title>Aplikasi CRUD Sederhana | www.caratutorial.com</title>
<style>
.table1 {
font-family: sans-serif;
color: #444;
border-collapse: collapse;
width: 50%;
border: 1px solid #f2f5f7;
}
.table1 tr th{
background: #35A9DB;
color: #fff;
font-weight: normal;
}
.table1, th, td {
padding: 8px 20px;
text-align: left;
}
.table1 tr:hover {
background-color: #f5f5f5;
}
.table1 tr:nth-child(even) {
background-color: #f2f2f2;
}
</style>
</head>
<body style="font-family:arial">
<center><h2>Aplikasi CRUD Sederhana <br /> www.caratutorial.com</h2></center>
<hr />
<a href="tambah.php">+ Tambah Data Baru</a><br /><br />
<b>Data Barang</b>
<table style="width:100%" class="table1">
<tr>
<th>No</th>
<th>Kode</th>
<th>Nama</th>
<th>Harga</th>
<th>Stok</th>
<th colspan=2><center>Opsi</center></th>
</tr>
<?php
include "koneksi.php";
$no = 1;
$data = mysqli_query($konek,"select * from barang");
while($r = mysqli_fetch_array($data)){
$id_barang = $r['id_barang'];
$nama_barang = $r['nama_barang'];
$harga_barang = $r['harga_barang'];
$stok_barang = $r['stok_barang'];
?>
<tr><td><?php echo $no++; ?></td>
<td><?php echo $id_barang; ?></td>
<td><?php echo $nama_barang; ?></td>
<td><?php echo $harga_barang; ?></td>
<td><?php echo $stok_barang; ?></td>
<td align=right width=70px><a href="edit.php?id=<?php echo $id_barang;?>">Edit</a></td>
<td align=right width=70px><a href="hapus.php?id=<?php echo $id_barang;?>">Hapus</a></td>
</tr>
<?php
}
?>
</table>
</body>
</html>
Selengkapnya untuk cara menampilkan data dari database ke dalam tabel php bisa kamu lihat panduan Nya di sini: Cara Menampilkan Data Dari Database MySQL ke dalam Tabel PHPLangkah #4 Membuat File tambah.php Untuk Memasukkan Data (insert)
Tahap ke empat adalah melakukan input data ke dalam database dengan perintah INSERT INTO, buat file dengan nama tambah.php yang mana pada file ini adalah berupa form untuk mengisi data dan sekaligus proses untuk memasukkan data kedalam database.<html>
<head>
<title>Aplikasi CRUD Sederhana | www.caratutorial.com</title>
</head>
<body style="font-family:arial">
<center><h2>Aplikasi CRUD Sederhana <br /> www.caratutorial.com</h2></center>
<hr />
<b>Tambah Data Baru</b>
<br/><br/>
<form action="tambah.php" method="post" name="form1">
<table width="100%" border="0">
<tr>
<td>Nama Barang</td>
<td><input type="text" name="nama_barang" size="50" required></td>
</tr>
<tr>
<td>Harga Barang</td>
<td><input type="text" name="harga_barang" size="50" required></td>
</tr>
<tr>
<td>Stok Barang</td>
<td><input type="text" name="stok_barang" size="50" required></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="Submit" value="+ Tambahkan"></td>
</tr>
</table>
</form>
<?php
// Check If form submitted, insert form data into users table.
if(isset($_POST['Submit'])) {
$nama_barang = $_POST['nama_barang'];
$harga_barang = $_POST['harga_barang'];
$stok_barang = $_POST['stok_barang'];
// include database connection file
include "koneksi.php";
// Insert user data into table
$tambah_barang = "insert into barang values('','$nama_barang','$harga_barang','$stok_barang')";
$kerjakan=mysqli_query($konek, $tambah_barang);
if($kerjakan)
{
// Show message when user added
echo "Barang berhasil ditambahkan. <a href='index.php'>Lihat Data Barang</a>";
}
else
{
echo "Gagal bro";
}
}
?>
</body>
</html>
Langkah #5 Membuat File edit.php Untuk Mengedit Data (Update)
Tahap ke lima adalah membuat halaman untuk mengedit data, dengan membuat file edit.php, untuk menuju halaman edit adalah dari halaman index.php terdapat 2 opsi yakni edit dan hapus, jika di klik edit maka akan menuju halaman edit dengan membawa id barang dalam hal ini menggunakan GET untuk mengambil id yang di inginkan.<?php
// include database connection file
include "koneksi.php";
// Check if form is submitted for user update, then redirect to homepage after update
if(isset($_POST['update']))
{
$id = $_POST['id'];
$nama_barang=$_POST['nama_barang'];
$harga_barang=$_POST['harga_barang'];
$stok_barang=$_POST['stok_barang'];
// update user data
$result = mysqli_query($konek, "UPDATE barang SET nama_barang='$nama_barang',harga_barang='$harga_barang',stok_barang='$stok_barang' WHERE id_barang=$id");
// Redirect to homepage to display updated user in list
header("Location: index.php");
}
?>
<?php
// Display selected user data based on id
// Getting id from url
$id = $_GET['id'];
// Fetech user data based on id
$result = mysqli_query($konek, "SELECT * FROM barang WHERE id_barang=$id");
while($r = mysqli_fetch_array($result))
{
$nama_barang = $r['nama_barang'];
$harga_barang = $r['harga_barang'];
$stok_barang = $r['stok_barang'];
}
?>
<html>
<head>
<title>Aplikasi CRUD Sederhana | www.caratutorial.com</title>
</head>
<body style="font-family:arial">
<center><h2>Aplikasi CRUD Sederhana <br /> www.caratutorial.com</h2></center>
<hr />
<b>Edit Data Barang</b>
<br/><br/>
<form name="update_user" method="post" action="edit.php">
<table border="0">
<tr>
<td>Nama Barang</td>
<td><input type="text" size="50" name="nama_barang" value="<?php echo $nama_barang;?>"></td>
</tr>
<tr>
<td>Harga Barang</td>
<td><input type="text" size="50" name="harga_barang" value="<?php echo $harga_barang;?>"></td>
</tr>
<tr>
<td>Stok Barang</td>
<td><input type="text" size="50" name="stok_barang" value="<?php echo $stok_barang;?>"></td>
</tr>
<tr>
<td><input type="hidden" name="id" value=<?php echo $_GET['id'];?>></td>
<td><input type="submit" name="update" value="Update"></td>
</tr>
</table>
</form>
</body>
</html>
Langkah #6 Membuat File hapus.php Untuk Menghapus Data (Delete)
File hapus.php digunakan untuk menghapus data dan hanya dipanggil saat kita klik link 'Hapus' untuk barang manapun yang dipilih.<?php
// include database connection file
include "koneksi.php";
// Get id from URL to delete that user
$id = $_GET['id'];
// Delete user row from table based on given id
$result = mysqli_query($konek, "DELETE FROM barang WHERE id_barang=$id");
// After delete redirect to Home, so that latest user list will be displayed.
header("Location:index.php");
?>
Selesai, Semoga bermanfaat...Oh ya, bagi Anda yang mau Download atau sekedar ingin melihat demo Nya bisa klik tombol di bawah ini:
|
Tombol download tidak berfungsi
BalasHapusTerimakasih banyak, semoga menjadi pahala bagi anda.
BalasHapus