Aplikasi PHP CRUD dengan MySQL dan Bootstrap

Operasi CRUD (Create, Read, Update, Delete) adalah fungsi dasar dalam pengembangan web. Fungsi-fungsi ini memungkinkan pengguna untuk mengontrol data dengan benar. Pada artikel ini, kami akan mengajarkan Anda untuk mengembangkan aplikasi CRUD PHP yang terhubung ke MySQL dan menampilkannya dengan Bootstrap. Pada akhirnya, Anda akan memiliki aplikasi yang mendukung semua operasi CRUD.

Prasyarat

Sekarang sebelum melanjutkan ke implementasi, pastikan Anda membawa hal-hal berikut ini:

Pengetahuan tentang PHP dan MySQL pada tingkat yang sangat dasar.
Server web yang telah terinstal PHP (misalnya, XAMPP, WAMP, atau LAMP).
Pengelola basis data seperti phpMyAdmin atau meja kerja MySQL.
Keakraban dengan HTML dan Bootstrap

sumber: belajarisme.com

Langkah 1: Penyiapan Lingkungan

INSTAL XAMPP (server web/ PHP/ MySQL) atau yang setara dengan cara ini Anda memiliki lingkungan lokal untuk menjalankan PHP dan MySQL
Membuat basis data: Anda dapat membuat basis data MySQL dari phpMyAdmin atau alat bantu lain sesuai preferensi Anda. Untuk skenario ini, mari kita panggil basis data crud_app dan buat tabel dengan nama users dengan struktur berikut:

userid (int) KUNCI UTAMA AUTOINCREMENT
nama (VARCHAR(100))
email (VARCHAR(100))
telepon (VARCHAR(15))

Langkah 2: Menyiapkan Proyek

Buatlah folder proyek: misalnya php_crud_app
Buat berkas-berkas yang diperlukan:

index. php: Tampilkan catatan, dan tindakan CRUD
proses. php: Penanganan formulir untuk operasi Create, Update dan Delete.
db. php: Logika untuk terhubung ke basis data.
Folder css untuk berkas-berkas Bootstrap (atau CDN untuk memudahkan).

Langkah 3: Sambungan Basis Data

Buat db. connect.php dengan kode berikut untuk menyambungkan ke MySQL:

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "crud_app";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
?>

Langkah 4: Operasi CRUD

Buat Operasi

Di index.php, membuat formulir untuk menambahkan record baru:

<form action="process.php" method="POST">
<input type="text" name="name" placeholder="Name" required>
<input type="email" name="email" placeholder="Email" required>
<input type="text" name="phone" placeholder="Phone" required>
<button type="submit" name="save">Save</button>
</form>

Di process.php, memproses pengiriman formulir:

<?php
include 'db.php';

if (isset($_POST['save'])) {
$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['phone'];

$conn->query("INSERT INTO users (name, email, phone) VALUES ('$name', '$email', '$phone')") or die($conn->error);

header("Location: index.php");
}
?>

Operasi Baca

Di index.php, menampilkan catatan:

<?php
include 'db.php';
$result = $conn->query("SELECT * FROM users") or die($conn->error);
?>
<table>
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Phone</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<?php while ($row = $result->fetch_assoc()): ?>
<tr>
<td><?php echo $row['name']; ?></td>
<td><?php echo $row['email']; ?></td>
<td><?php echo $row['phone']; ?></td>
<td>
<a href="update.php?id=<?php echo $row['id']; ?>">Edit</a>
<a href="process.php?delete=<?php echo $row['id']; ?>">Delete</a>
</td>
</tr>
<?php endwhile; ?>
</tbody>
</table>

Perbarui Operasi

Buatlah sebuah form update seperti form “Create” untuk mengupdate record. Mengisi data yang ada di form dengan menggunakan PHP.

Operasi Hapus

Dalam proses. php, menangani penghapusan:

if (isset($_GET['delete'])) {
$id = $_GET['delete'];
$conn->query("DELETE FROM users WHERE id=$id") or die($conn->error);
header("Location: index.php");
}

Langkah 5: Tambahkan Penataan Bootstrap

Sertakan pustaka Bootstrap melalui CDN di index.php:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">

Bungkus formulir dan tabel di kelas Bootstrap untuk menyempurnakan tampilan:

<div class="container mt-5">

</div>

Kesimpulan

Postingan ini telah memandu Anda untuk membuat Aplikasi PHP CRUD dengan MySQL & Bootstrap. Anda kemudian dapat membangun fitur-fitur untuk aplikasi Anda seperti autentikasi, pagination, atau styling yang kompleks di atas aplikasi dasar tersebut. Dengan dasar-dasar ini, Anda siap untuk mengembangkan aplikasi yang lebih canggih.

kembali ke>>>> Membangun Aplikasi CRUD Sederhana dengan PHP dan MySQL