Hai, sobat coding! Kamu pengen belajar bikin aplikasi keren tapi bingung mulai dari mana? Tenang aja, kali ini kita bakal bahas gimana caranya bikin aplikasi CRUD (Create, Read, Update, Delete) pakai PHP dan MySQL. Tutorial ini cocok banget buat kamu yang baru mulai belajar coding.
CRUD itu apa sih? CRUD adalah fungsi dasar dalam pengelolaan data, seperti bikin data baru (Create), baca data (Read), ubah data (Update), dan hapus data (Delete). Langsung aja, yuk kita mulai!
Persiapan Awal
Sebelum coding, pastikan kamu udah install:
- XAMPP/WAMP/MAMP – Buat server lokal.
- Kode Editor – Contohnya Visual Studio Code.
- Web Browser – Chrome, Firefox, terserah kamu.
Setelah itu:
- Aktifkan Apache dan MySQL di XAMPP.
- Buat database di phpMyAdmin, misalnya kita kasih nama
crud_tutorial
.
Langkah 1: Struktur Folder
Buat folder di dalam direktori server kamu (misalnya htdocs
di XAMPP). Contoh:htdocs/crud_tutorial
Di dalam folder tersebut, buat struktur seperti ini:
crud_tutorial/
├── index.php (Tampilkan data)
├── create.php (Tambah data baru)
├── update.php (Edit data)
├── delete.php (Hapus data)
├── db.php (Koneksi ke database)
Langkah 2: Buat Database dan Tabel
Masuk ke phpMyAdmin, terus jalankan query ini di database crud_tutorial
:
CREATE TABLE users (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(100) NOT NULL,
email VARCHAR(100) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
Tabel users
ini bakal kita pakai buat menyimpan data user.
Langkah 3: Koneksi ke Database
Buat file db.php
untuk koneksi ke database. Isinya seperti ini:
<?php
$host = 'localhost';
$user = 'root';
$password = '';
$dbname = 'crud_tutorial';
$conn = new mysqli($host, $user, $password, $dbname);
if ($conn->connect_error) {
die('Koneksi gagal: ' . $conn->connect_error);
}
?>
Langkah 4: Menampilkan Data (Read)
Buka file index.php
dan tambahkan kode berikut:
<?php
include 'db.php';
$sql = "SELECT * FROM users";
$result = $conn->query($sql);
?>
<!DOCTYPE html>
<html>
<head>
<title>CRUD dengan PHP</title>
</head>
<body>
<h1>Daftar User</h1>
<a href="create.php">Tambah User</a>
<table border="1">
<tr>
<th>ID</th>
<th>Nama</th>
<th>Email</th>
<th>Aksi</th>
</tr>
<?php while ($row = $result->fetch_assoc()): ?>
<tr>
<td><?= $row['id']; ?></td>
<td><?= $row['name']; ?></td>
<td><?= $row['email']; ?></td>
<td>
<a href="update.php?id=<?= $row['id']; ?>">Edit</a> |
<a href="delete.php?id=<?= $row['id']; ?>" onclick="return confirm('Yakin hapus?');">Hapus</a>
</td>
</tr>
<?php endwhile; ?>
</table>
</body>
</html>
Langkah 5: Tambah Data (Create)
Buka file create.php
dan tambahkan kode ini:
<?php
include 'db.php';
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$name = $_POST['name'];
$email = $_POST['email'];
$sql = "INSERT INTO users (name, email) VALUES ('$name', '$email')";
if ($conn->query($sql)) {
header('Location: index.php');
} else {
echo "Gagal tambah data: " . $conn->error;
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Tambah User</title>
</head>
<body>
<h1>Tambah User</h1>
<form method="POST">
<label>Nama:</label><br>
<input type="text" name="name" required><br>
<label>Email:</label><br>
<input type="email" name="email" required><br><br>
<button type="submit">Simpan</button>
</form>
</body>
</html>
Langkah 6: Edit Data (Update)
Buka file update.php
dan tambahkan kode ini:
<?php
include 'db.php';
$id = $_GET['id'];
$sql = "SELECT * FROM users WHERE id = $id";
$result = $conn->query($sql);
$user = $result->fetch_assoc();
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$name = $_POST['name'];
$email = $_POST['email'];
$sql = "UPDATE users SET name='$name', email='$email' WHERE id=$id";
if ($conn->query($sql)) {
header('Location: index.php');
} else {
echo "Gagal update data: " . $conn->error;
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Edit User</title>
</head>
<body>
<h1>Edit User</h1>
<form method="POST">
<label>Nama:</label><br>
<input type="text" name="name" value="<?= $user['name']; ?>" required><br>
<label>Email:</label><br>
<input type="email" name="email" value="<?= $user['email']; ?>" required><br><br>
<button type="submit">Update</button>
</form>
</body>
</html>
Langkah 7: Hapus Data (Delete)
Buka file delete.php
dan tambahkan kode ini:
<?php
include 'db.php';
$id = $_GET['id'];
$sql = "DELETE FROM users WHERE id = $id";
if ($conn->query($sql)) {
header('Location: index.php');
} else {
echo "Gagal hapus data: " . $conn->error;
}
?>
Penutup
Nah, itu dia tutorial CRUD sederhana pakai PHP dan MySQL. Kamu udah belajar bikin:
- Tambah data (Create)
- Tampilkan data (Read)
- Ubah data (Update)
- Hapus data (Delete)
Cobain sendiri ya, dan jangan lupa terus eksperimen biar makin jago! Kalau ada yang bingung, tulis di kolom komentar (kalau ini di blog).
Selamat ngoding, sobat developer masa depan!