Buatlah sebuah folder dengan nama crud, kemudian buka menggunakan VS Code dan buat struktur file atau direktori seperti berikut
Untuk styling dapat menggunakan framework CSS seperti bootsrap. Kali ini akan menggunakan file bootstrap yang telah didowload agar dapat digunakan secara offline. Download file css dan js bootstrap pada link berikut
CSS :
Bootstrap 5.3.5 CSSJavaScript :
Bootstrap 5.3.5 JS BundleBuat database untuk menyimpan data mahasiswa dengan nama pemrograman-web dan buat sebuah tabel mahasiswa yang berisi id, nim, nama, dan jurusan
Selanjutnya kita akan membuat koneksi ke database, buka file config/Database.php dan ketikan kode program Berkut ini
File config.php berperan sebagai pusat penyimpanan variabel konstan (constant) yang dapat diakses secara global oleh seluruh kelas dalam aplikasi. Pada implementasi praktikum kali ini, kita akan mendefinisikan sebuah konstanta khusus bernama BASE_URL yang akan menyimpan alamat dasar (base URL) dari proyek website yang sedang dikembangkan
Selanjutnya masuk ke alert.php. Alert.php berfungsi untuk membuat fungsi yang menampilkan pesan saat melakukan operasi terhadap data. Fungsi ini memiliki dua argumen: $msg untuk pesan dan $sts untuk status. Jika $sts bernilai 1, maka pesan akan menunjukkan keberhasilan, sedangkan jika bernilai 0, pesan akan menunjukkan kegagalan
Selanjutnya kita akan membuat class Mahasiswa yang berfungsi untuk mengelola data mahasiswa dengan berbagai operasi tersebut. Berikut adalah langkah-langkahnya:
Buat class baru bernama Mahasiswa. Pada tahap ini, deklarasikan variabel-variabel yang dibutuhkan, seperti koneksi database, nama tabel, dan atribut lainnya yang akan digunakan untuk operasi CRUD
Di dalam class Mahasiswa, buat fungsi constructor untuk menginisialisasi koneksi database. Dengan begitu, koneksi akan langsung aktif saat objek Mahasiswa dibuat
4. Buat fungsi create() untuk menambahkan data mahasiswa baru. Fungsi ini akan menerima data mahasiswa sebagai parameter dan menjalankan query INSERT INTO untuk menyimpan data tersebut ke dalam tabel mahasiswa
5. Buat fungsi read() untuk menampilkan data mahasiswa. Fungsi ini memiliki parameter $id yang secara default berisi string kosong. Jika $id tidak diisi, maka fungsi akan menampilkan semua data mahasiswa. Jika diisi, maka fungsi akan menampilkan data mahasiswa berdasarkan ID yang diberikan
6. Buat fungsi update() untuk memperbarui data mahasiswa berdasarkan ID. Fungsi ini akan menerima parameter ID mahasiswa dan data baru yang akan diupdate
7. Buat fungsi delete() untuk menghapus data mahasiswa berdasarkan ID
Fungsi Mahasiswa berperan sebagai controller yang menjembatani antara model Mahasiswa dan tampilan (view). Untuk mengimplementasikan fungsi ini, buka file Mahasiswa.php yang berada dalam folder function. Selanjutnya, tambahkan kode program berikut
Langkah pertama, tambahkan file Database.php, Config.php, dan model/Mahasiswa.php menggunakan perintah include. Setelah itu, buat objek baru untuk Database dan Mahasiswa, lalu hubungkan dengan database sesuai kode program yang telah disiapkan
Selanjutnya, tambahkan kode untuk mengecek parameter action yang dikirimkan melalui metode GET. Jika parameter action ditemukan, nilainya akan diambil dan digunakan sesuai dengan fungsi yang akan dijalankan. Ada tiga jenis aksi yang dapat dilakukan, yaitu create, delete, dan update.
Create: Jika action bernilai 'create', data mahasiswa yang terdiri dari NIM, nama, dan jurusan yang dikirim melalui form akan diproses dan disimpan ke dalam database menggunakan metode create().
Delete: Jika action bernilai 'delete', data mahasiswa akan dihapus berdasarkan ID yang dikirim melalui URL menggunakan metode delete().
Update: Jika action bernilai 'update', data mahasiswa akan diperbarui berdasarkan ID dan data baru dari form menggunakan metode update().
View ini berfungsi untuk menampilkan data, menampilkan form input dan update data mahasiswa.
• Index.php
File Index.php ini berisi tampilan data-data mahasiswa yag telah berhasil diinputkan kedalam database, berikut ini kode program Index.php
Tampilan View
• Create.php
File ini berisi form inputan untuk memambahkan data mahasiswa Terdiri dari 3 input field:
Semua input bersifat wajib (required).
Tampilan Create Form
Edit.php
File ini berisi form untuk melakukan perubahan data mahasiswa.
Tampilan Form Edit
Pada hasil kode sebelumnya, tombol create terpisah dengan dashboard. Saya ingin menampilkan form untuk create data untuk menghemat halaman
Kode create saya command
Tampilan Form setelah Optimisasi
Jika anda tertarik untuk belajar lebih lanjut, source code nya saya sediakan pada link Github berikut