Aplikasi CRUD data mahasiswa sederhana dengan konsep MVC menggunakan PHP native, Bootstrap, jQuery, dan MySQL.
╔════════════════╗
║ PHP|MVC ║
╚════════════════╝
PHP|MVC menggambarkan aplikasi PHP yang disusun dengan pola Model - View - Controller supaya kode lebih rapi, mudah dibaca, dan lebih mudah dikembangkan.
Project ini adalah aplikasi web sederhana untuk mengelola data mahasiswa. Aplikasi memiliki halaman utama, halaman tentang pembuat, dan halaman daftar mahasiswa yang mendukung proses tambah, lihat detail, ubah, hapus, serta pencarian data.
Project ini cocok digunakan sebagai latihan dasar memahami:
- Struktur folder MVC.
- Routing controller sederhana.
- Koneksi database dengan PDO.
- Operasi CRUD ke database MySQL.
- Penggunaan Bootstrap untuk tampilan.
- Penggunaan jQuery Ajax untuk mengambil data saat mengubah mahasiswa.
- Menampilkan daftar mahasiswa.
- Menambahkan data mahasiswa baru.
- Melihat detail mahasiswa.
- Mengubah data mahasiswa melalui modal.
- Menghapus data mahasiswa.
- Mencari mahasiswa berdasarkan nama.
- Menampilkan pesan flash setelah tambah, ubah, atau hapus data.
phpmvc/
├── app/
│ ├── config/
│ ├── controllers/
│ ├── core/
│ ├── models/
│ └── views/
├── public/
│ ├── css/
│ ├── img/
│ ├── js/
│ └── index.php
└── README.md
- PHP Native
- MySQL
- PDO
- Bootstrap
- jQuery
- XAMPP / LAMPP
- Visual Studio Code
- Neovim
-
Simpan folder project di dalam direktori
htdocs.Contoh:
/opt/lampp/htdocs/phpmvc -
Jalankan Apache dan MySQL melalui XAMPP/LAMPP.
-
Buat database baru dengan nama:
phpmvc
-
Buat tabel
mahasiswa.CREATE TABLE mahasiswa ( id INT AUTO_INCREMENT PRIMARY KEY, nama VARCHAR(100) NOT NULL, nrp VARCHAR(50) NOT NULL, email VARCHAR(100) NOT NULL, jurusan VARCHAR(100) NOT NULL );
-
Masukkan contoh data jika diperlukan.
INSERT INTO mahasiswa (nama, nrp, email, jurusan) VALUES ('Nabil', '123456', 'nabil@example.com', 'Teknik Informatika'), ('Budi', '654321', 'budi@example.com', 'Teknik Informatika');
-
Sesuaikan konfigurasi database di file:
app/config/config.phpKonfigurasi default:
define('DB_HOST', 'localhost'); define('DB_USER', 'root'); define('DB_PASS', ''); define('DB_NAME', 'phpmvc');
-
Buka aplikasi melalui browser:
http://localhost/phpmvc/public
- Masuk ke halaman Home untuk melihat halaman utama aplikasi.
- Buka menu Mahasiswa untuk melihat daftar data mahasiswa.
- Klik Tambah Data Mahasiswa untuk menambahkan data baru.
- Klik Detail untuk melihat informasi mahasiswa.
- Klik Ubah untuk mengedit data mahasiswa.
- Klik Hapus untuk menghapus data mahasiswa.
- Gunakan kolom pencarian untuk mencari mahasiswa berdasarkan nama.
- Pastikan
BASEURLdiapp/config/config.phpsesuai dengan lokasi project. - Jika project dijalankan di folder berbeda, ubah nilai
BASEURL. - Jika database menggunakan password, isi bagian
DB_PASS.
Project ini dibuat sebagai latihan PHP MVC dan pengelolaan data mahasiswa.