Tugas 9 PBKK C - Membuat Database CRUD dengan CI
Artikel ini akan membahas mengenai proses pembuatan basis data dengan konsep CRUD (Create, Read, Update, and Delete) menggunakan CodeIgniter sebagai kerangka kerja.
Berikut metode yang diperlukan dalam pembuatan :
1. Persiapan Instalasi Visual Studio
Jika belum memiliki VSC, silakan untuk melakukan instalasi Visual Studio Code.
2. Pengunduhan XAMPP dan CodeIgniter
Dalam hal ini, CodeIgniter yang digunakan berversi 4.1.3 yang dapat diunduh pada situs berikut. Selain itu lakukan pengunduhan XAMPP pada situs berikut.
3. Aktivasi XAMPP
Setelah XAMPP telah diunduh dan terpasang, buka XAMPP Control Panel dan aktifkan module apache
4. Ekstrasi CI dan Tampilan Awal CI
Setelah CI telah diunduh, buat folder baru pada "C:\xampp\htdocs\" yang berfungsi sebagai lokasi kerangka kerja yang akan dibuat. Ekstrak file .zip CI yang telah diunduh pada folder tersebut.
Berikutnya buka browser, lalu pada address bar ketik localhost/(NamaFolder). NamaFolder diganti sesuai dengan nama folder yang telah ditentukan sebelumnya.
5. Konfigurasi Basis Data
Buka localhost/phpmyadmin kemudian buat database dengan nama yang diinginkan. Lalu buat tabel peserta dengan cara ketik command berikut pada terminal VSC.
Buka file Database.php di direktori app/Config/Database.php lalu ubah kode sumber bagian public menjadi seperti ini
Lalu jalankan di terminal VSC dengan php spark migrate
6. Konfigurasi MVC
Model dan Controller akan dibuat sekaligus untuk delete. Buat halaman view peserta pada app/Views/index.php
Lalu jalankan php spark serve pada VSC terminal
7. Pembuatan fitur CRUD
Pada app/Views/peserta, buat file baru bernama create.php untuk Create
Buat file baru bernama edit.php di direktori app/Views/peserta untuk Edit
Lalu untuk delete sesuaikan contoller dan model menjadi berikut (serta untuk Create dan Edit)
Controller
Model
Lalu aktifkan kembali di VSC terminal dengan php spark serve dan buka kembali localhost:8080/peserta
Berikut GitHub repository dari Membuat Database CRUD dengan CI: GitHub-CRUDCI.
Fransiskus Xaverius Kevin Koesnadi
05111840000162
Comments
Post a Comment