Assalamualaikum wr.wb
Hallo temen-temen, disini saya akan menjelaskan dan memberitahu bagaimana caranya menampilkan atau membuat CRUD dengan PHP dan MySQL. sebelum itu kita pelajari dulu apa itu CRUD.
A. Pengertian CRUD (Create, Read, Update, and Delete)
Sebuah data yang memiliki keterkaitan dengan transaksi atau pengambilan data dari sebuah database.
CRUD berfungsi, untuk membuat record baru pada sistem basis data atau menggunakan SQL dan disebut dengan istilah insert.
B. Pengertian MySQL
Sistem manajemen database relasional (RDMBS). RDMBS merupakan software untuk membuat dan mengolah database berdasarkan mode relasional. SQL (structured query language) yang bersifat open-source dengan model client-server.
C. Pengertian PHP
Bahasa pemrograman yag umum dipakai dalam pembuatan dan pengembangan suatu web. PHP adalah bahasa pemrograman yang banyak digunakan secara luas dan secara khusus sesuai untuk pengembangan web.
Langkah-langkah dalam pembuatan CRUD DENGAN PHP DAN MySQL
1. Mengaktifkan XAMPP terlebih dahulu, seperti gambar dibawah
.png)
2. Membuka WEB localhost lalu kita pilih phpMyAdmin yang disebelah kanan atas dan buka
.png)
3. Dan terdapat tampilan dibawah ini
.png)
4. Setelah itu kita Klik New, lalu buat Database Name, dan klik Create. seperti dibawah ini
.png)
5. Lalu kamu klik SQL(sebelah databases) dan ketikan codingan tersebut, setelah itu klik GO.
.png)
Berikut Codingan diatas
CREATE TABLE IF NOT EXISTS `user` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`nama` varchar(50) NOT NULL,
`alamat` text NOT NULL,
`pekerjaan` varchar(50) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=64 ;
6. Lalu kamu lakukan hal yang sama yaitu klik SQL(sebelah databases) dan ketikan codingan tersebut, setelah itu klik GO.
.png)
INSERT INTO `user` (`id`, `nama`, `alamat`, `pekerjaan`) VALUES
(1, 'salsa', 'tanjung morawa', 'web programmer'),
(2, 'nurhalijah', 'tembung', 'Web programmer');
7. Nah setelah itu kita bisa melihat hasilnya dengan mengklik User
.png)
Langkah selanjutnya kita membuka Aplikasi Notepad atau Visual Studio Code untuk membuat codingan agar kita bisa melihat hasil dari database di Website.
Semua codingan yang ada dibawah harus disimpan di LocalDisk (C) pada folder XAMPP-htdocs- lalu buat New folder-setelah itu simpan semua file pada data new folder.
Langkah pertama membuat Codiingan koneksi.php berikut codingannya
<?php
$db = "salsanurhalijah";
$host = mysqli_connect("localhost", "root","", "salsanurhalijah");
?>
Langkah kedua codingan Index.php
<!DOCTYPE html>
<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.salsanurhalijah.com</h3>
</div>
<br/>
<?php
if(isset($_GET['pesan'])){
$pesan = $_GET['pesan'];
if($pesan == "input"){
echo "Data berhasil di input.";
}else if($pesan == "update"){
echo "Data berhasil di update.";
}else if($pesan == "hapus"){
echo "Data berhasil di hapus.";
}
}
?>
<br/>
<a class="tombol" href="input.php">+ Tambah Data Baru</a>
<h3>Data user</h3>
<table border="1" class="table">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Pekerjaan</th>
<th>Opsi</th>
</tr>
<?php
include "koneksi.php";
$query_mysql = mysqli_query($host, "SELECT * FROM user")or die (mysql_error());
$nomor = 1;
while($data = mysqli_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++ ; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><?php echo $data['pekerjaan']; ?></td>
<td>
<a class="edit" href="edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
<a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>
</td>
</tr>
<?php } ?>
</table>
</body>
</html>
Langkah ketiga codingan style.css ( codingan ini berfungsi untuk mempercantik tampilan agar enak di lihat)
body{
font-family: 'roboto';
color: #000;
}
.judul{
background: #87D1D8;
padding: 10px;
text-align: center;
}
.judul h1,h2,h3{
height: 15px;
}
a{
/color: #fff;/
padding: 5px;
text-decoration: none;
}
.table{
border-collapse: collapse;
}
table.table th th , table.table tr td{
padding: 10px 20px ;
}
Langkah keempat codingan input.php
<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.salsanurhalijah.com</h3>
</div>
<br/>
<a href="index.php">Lihat Semua Data</a>
<br/>
<h3>Input data baru</h3>
<form action="input-aksi.php" method="post">
<table>
<tr>
<td>Nama</td>
<td><input type="text" name="salsa"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="tanjung morawa"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="web programmer"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
<tr>
<td>Nama</td>
<td><input type="text" name="nurhalijah"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="tembung"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="web programmer"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>
Langkah Kelima codingan inputaksi.php
<?php
include 'koneksi.php';
$nama = $_POST['salsa'];
$alamat = $_POST['tanjung morawa'];
$pekerjaan = $_POST['web programmer'];
mysqli_query($host, "INSERT INTO user VALUES('','$salsa','$tanjung morawa','$web programmer')");
include 'koneksi.php';
$nama = $_POST['nurhalijah'];
$alamat = $_POST['tembung'];
$pekerjaan = $_POST['web programmer'];
mysqli_query($host, "INSERT INTO user VALUES('','$nurhalijah','$tembung','$web programmer')");
header("location:index.php?pesan=input");
?>
Langkah Keenam codingan edit.php
<!DOCTYPE html>
<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.salsanurhalijah.com</h3>
</div>
<br/>
<a href="index.php">Lihat Semua Data</a>
<br/>
<h3>Edit data</h3>
<?php
include "koneksi.php";
$id = $_GET['id'];
$query_mysql = mysqli_query($host, "SELECT * FROM user WHERE id='$id'")or die(mysql_error());
$nomor = 1;
while($data = mysqli_fetch_array($query_mysql)){
?>
<form action="update.php" method="post">
<table>
<tr>
<td>Nama</td>
<td>
<input type="hidden" name="id" value="<?php echo $data['1'] ?>">
<input type="text" name="nama" value="<?php echo $data['salsa'] ?>">
</td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="alamat" value="<?php echo $data['tanjung morawa'] ?>"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="pekerjaan" value="<?php echo $data['web programmer'] ?>"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
<tr>
<td>Nama</td>
<td>
<input type="hidden" name="id" value="<?php echo $data['2'] ?>">
<input type="text" name="nama" value="<?php echo $data['nurhalijah'] ?>">
</td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="alamat" value="<?php echo $data['tembung'] ?>"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="pekerjaan" value="<?php echo $data['web programmer'] ?>"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
<?php } ?>
</body>
</html>
Langkah ketujuh codingan hapus.php
<?php
include 'koneksi.php';
$id = $_GET['1'];
mysqli_query($host, "DELETE FROM user WHERE id='$id'")or die(mysql_error());
include 'koneksi.php';
$id = $_GET['2'];
mysqli_query($host, "DELETE FROM user WHERE id='$id'")or die(mysql_error());
header("location:index.php?pesan=hapus");
?>
Setelah langkah dan penjelasan selesai kita bisa melihat hasil dan menjalankan File index.php dari database yang sudah kita buat yaitu CRUD dengan Php dan MySQL. Dengan membuka Website seperti contoh localhostselesai
berikut gambar hasil Membuat CRUD Dengan PHP dan MySQL
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
