Hello Sobat Sederhana, dalam artikel kali ini kami akan membahas tentang cara membuat aplikasi CRUD sederhana. CRUD adalah singkatan dari Create, Read, Update, dan Delete. Aplikasi CRUD digunakan untuk memanipulasi data pada sebuah database. Tanpa basa-basi lagi, mari kita mulai pembahasannya.
Persiapan Membuat Aplikasi CRUD
Sebelum memulai membuat aplikasi CRUD, Sobat Sederhana harus mempersiapkan beberapa hal berikut:
No. |
Persiapan |
---|---|
1. |
Menginstall XAMPP atau aplikasi sejenisnya. |
2. |
Menginstall Code Editor seperti Visual Studio Code atau Sublime Text. |
3. |
Membuat database pada aplikasi MySQL. |
Dengan persiapan di atas, Sobat Sederhana siap untuk memulai membuat aplikasi CRUD.
Membuat Database
Langkah pertama dalam membuat aplikasi CRUD adalah membuat database. Berikut langkah-langkahnya:
- Buka aplikasi XAMPP atau sejenisnya
- Start Apache dan MySQL
- Akses phpMyAdmin melalui browser dengan mengunjungi
localhost/phpmyadmin
- Create database baru dengan nama
crud_sederhana
- Create table baru dengan nama
mahasiswa
dan kolom-kolom sebagai berikut:
No. |
Nama Kolom |
Tipe Data |
---|---|---|
1. |
id |
INT(11) Auto Increment Primary Key |
2. |
nama |
VARCHAR(50) |
3. |
alamat |
VARCHAR(100) |
4. |
jenis_kelamin |
ENUM(‘Laki-Laki’, ‘Perempuan’) |
5. |
tanggal_lahir |
DATE |
Dengan membuat database dan table di atas, kita sudah siap untuk membuat aplikasi CRUD sederhana.
Membuat Aplikasi CRUD
Berikut langkah-langkah membuat aplikasi CRUD sederhana:
1. Membuat File Koneksi
Langkah pertama adalah membuat file koneksi ke database MySQL. Buat file baru dengan nama koneksi.php
dan isi dengan kode berikut:
Dalam kode di atas, $host
, $user
, $password
, dan $database
diisi dengan konfigurasi yang sesuai pada komputer Sobat Sederhana.
2. Membuat File Index
Langkah kedua adalah membuat file index.php
sebagai halaman utama aplikasi CRUD. Isi file tersebut dengan kode berikut:
<!DOCTYPE html><html><head><title>Aplikasi CRUD Sederhana</title></head><body><h1>Aplikasi CRUD Sederhana</h1><p><a href="tambah.php">Tambah Data</a></p><table border="1"><tr><th>No.</th><th>Nama</th><th>Alamat</th><th>Jenis Kelamin</th><th>Tanggal Lahir</th><th>Aksi</th></tr><?phpinclude 'koneksi.php';$no = 1;$data = mysqli_query($koneksi, "SELECT * FROM mahasiswa");while ($row = mysqli_fetch_array($data)) {?><tr><td><?php echo $no++; ?></td><td><?php echo $row['nama']; ?></td><td><?php echo $row['alamat']; ?></td><td><?php echo $row['jenis_kelamin']; ?></td><td><?php echo $row['tanggal_lahir']; ?></td><td><a href="edit.php?id=<?php echo $row['id']; ?>">Edit</a><a href="hapus.php?id=<?php echo $row['id']; ?>" onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')">Hapus</a></td></tr><?php}?></table></body></html>
Dalam kode di atas, kita menggunakan tag PHP untuk mengambil data dari database dan menampilkannya dalam tabel. Kita juga menambahkan link untuk menambah data dan mengedit serta menghapus data yang sudah ada.
3. Membuat File Tambah
Langkah ketiga adalah membuat file tambah.php
untuk menambah data pada aplikasi CRUD. Isi file tersebut dengan kode berikut:
<!DOCTYPE html><html><head><title>Tambah Data</title></head><body><h1>Tambah Data</h1><form action="simpan.php" method="post"><table><tr><td>Nama</td><td><input type="text" name="nama"></td></tr><tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr><tr><td>Jenis Kelamin</td><td><input type="radio" name="jenis_kelamin" value="Laki-Laki"> Laki-Laki<input type="radio" name="jenis_kelamin" value="Perempuan"> Perempuan</td></tr><tr><td>Tanggal Lahir</td><td><input type="date" name="tanggal_lahir"></td></tr></table><input type="submit" value="Simpan"><input type="reset" value="Reset"></form></body></html>
Dalam kode di atas, kita membuat form untuk menginput data baru pada tabel mahasiswa
.
4. Membuat File Simpan
Langkah keempat adalah membuat file simpan.php
untuk menyimpan data ke database. Isi file tersebut dengan kode berikut:
<?phpinclude 'koneksi.php';$nama = $_POST['nama'];$alamat = $_POST['alamat'];$jenis_kelamin = $_POST['jenis_kelamin'];$tanggal_lahir = $_POST['tanggal_lahir'];$insert = mysqli_query($koneksi, "INSERT INTO mahasiswa VALUES ('', '$nama', '$alamat', '$jenis_kelamin', '$tanggal_lahir')");if ($insert) {header('Location: index.php');} else {echo 'Gagal menambahkan data';}?>
Dalam kode di atas, kita mengambil data dari form di tambah.php
dan menyimpannya ke tabel mahasiswa
. Setelah itu, kita melakukan redirect ke halaman utama aplikasi CRUD.
5. Membuat File Edit
Langkah kelima adalah membuat file edit.php
untuk mengedit data pada aplikasi CRUD. Isi file tersebut dengan kode berikut:
<!DOCTYPE html><html><head><title>Edit Data</title></head><body><h1>Edit Data</h1><?phpinclude 'koneksi.php';$id = $_GET['id'];$data = mysqli_query($koneksi, "SELECT * FROM mahasiswa WHERE id='$id'");$row = mysqli_fetch_array($data);?><form action="update.php" method="post"><input type="hidden" name="id" value="<?php echo $row['id']; ?>"><table><tr><td>Nama</td><td><input type="text" name="nama" value="<?php echo $row['nama']; ?>"></td></tr><tr><td>Alamat</td><td><input type="text" name="alamat" value="<?php echo $row['alamat']; ?>"></td></tr><tr><td>Jenis Kelamin</td><td><input type="radio" name="jenis_kelamin" value="Laki-Laki" <?php if ($row['jenis_kelamin'] == 'Laki-Laki') echo 'checked'; ?>> Laki-Laki<input type="radio" name="jenis_kelamin" value="Perempuan" <?php if ($row['jenis_kelamin'] == 'Perempuan') echo 'checked'; ?>> Perempuan</td></tr><tr><td>Tanggal Lahir</td><td><input type="date" name="tanggal_lahir" value="<?php echo $row['tanggal_lahir']; ?>"></td></tr></table><input type="submit" value="Simpan"><input type="reset" value="Reset"></form></body></html>
Dalam kode di atas, kita mengambil data dari database dan menampilkannya dalam form. Setelah form diisi, kita akan menyimpan perubahan data tersebut ke database melalui file update.php
.
6. Membuat File Update
Langkah keenam adalah membuat file update.php
untuk menyimpan perubahan data ke database. Isi file tersebut dengan kode berikut:
<?phpinclude 'koneksi.php';$id = $_POST['id'];$nama = $_POST['nama'];$alamat = $_POST['alamat'];$jenis_kelamin = $_POST['jenis_kelamin'];$tanggal_lahir = $_POST['tanggal_lahir'];$update = mysqli_query($koneksi, "UPDATE mahasiswa SET nama='$nama', alamat='$alamat', jenis_kelamin='$jenis_kelamin', tanggal_lahir='$tanggal_lahir' WHERE id='$id'");if ($update) {header('Location: index.php');} else {echo 'Gagal mengupdate data';}?>
Dalam kode di atas, kita mengambil data dari form di edit.php
dan menyimpan perubahan ke tabel mahasiswa
. Setelah itu, kita melakukan redirect ke halaman utama aplikasi CRUD.
7. Membuat File Hapus
Langkah ketujuh adalah membuat file hapus.php
untuk menghapus data pada aplikasi CRUD. Isi file tersebut dengan kode berikut:
<?phpinclude 'koneksi.php';$id = $_GET['id'];$delete = mysqli_query($koneksi, "DELETE FROM mahasiswa WHERE id='$id'");if ($delete) {header('Location: index.php');} else {echo 'Gagal menghapus data';}?>
Dalam kode di atas, kita mengambil data dari URL dan menghapus data pada tabel mahasiswa
. Setelah itu, kita melakukan redirect ke halaman utama aplikasi CRUD.
FAQ
1. Apa itu aplikasi CRUD?
Aplikasi CRUD adalah jenis aplikasi yang digunakan untuk memanipulasi data pada sebuah database. CRUD adalah singkatan dari Create, Read, Update, dan Delete.
2. Apa saja yang dibutuhkan untuk membuat aplikasi CRUD?
Untuk membuat aplikasi CRUD, Sobat Sederhana membutuhkan aplikasi XAMPP atau sejenisnya, Code Editor seperti Visual Studio Code atau Sublime Text, dan koneksi internet.
3. Bagaimana cara membuat database pada aplikasi MySQL?
Untuk membuat database pada aplikasi MySQL, Sobat Sederhana dapat membuka aplikasi XAMPP atau sejenisnya, start Apache dan MySQL, dan mengakses phpMyAdmin melalui browser dengan mengunjungi localhost/phpmyadmin
. Selanjutnya, buat database baru dengan nama crud_sederhana
.
4. Bagaimana cara menginstall XAMPP?
Untuk menginstall XAMPP, Sobat Sederhana dapat mengunduh installer XAMPP dari website resmi https://www.apachefriends.org, kemudian menjalankan installer tersebut dan mengikuti instruksi yang diberikan.
5. Apa itu Code Editor?
Code Editor adalah aplikasi yang digunakan untuk menulis dan mengedit kode pemrograman. Contoh
Cara Membuat Aplikasi CRUD Sederhana
https://youtube.com/watch?v=FnQ6a39p75Q