Aliffia Humairah - 2311531004
1. Pertama buat folder baru pada htdocs dengan nama crud dan membuat file lainnya seperti gambar dibawah ini.
2. Download file css dan js bootstrap pada link berikut.
CSS: https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css
JS: https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js
3. Selanjutnya buat database dengan nama pemrograman_web dan tambahkan id, nim, nama, dan jurusan, atau bisa menggunakan SQL seperti digambar.
4. Kemudian pada folder config kita buat file dengan nama database.php
5. Buat file baru dengan nama Config.php pada folder config untuk membuat variabel constan bisa terhubung, dibuat koneksinya agar dapat diakses dari kelas manapun
6. Selanjutanya buat file baru dengan nama alert yang fungsinya untuk membuat sebuah function yang berfungsi untuk menampilkan pesan Ketika melakukan operasi terhadap data, fungsi ini memiliki 2 buah argument statement yaitu $msg yang berisi pesan dan $sts yang berisi kode jika status 1 maka pesan berhasil dan jika 0 maka pesan gagal. Berikut kode program fungsi alert.
7. Buat model mahasiswa yang nantinya akan digunakan untuk menjalankan fungsi crud
- fungsi create yang nantinya digunakan untuk menambahkan data mahasiswa
- fungsi read untuk menampilkan data mahasiswa
- fungsi update untuk melakukan perubahan data mahasiswa berdasarkan ID mahasiswa
- fungsi delete untuk menghapus data mahasiswa berdasarkan ID
8. Membuat fungsi mahasiswa untuk menghubungkan model mahasiswa dengan view
9. Selanjutnya membuat view yang mencakup index, edit, dan create. Pada index berisi tampilan yang nantinya menampilkan data-data mahasiswa yang sudah diinputkan ke database
10. Untuk menampilkan tampilan edit yang berguna untuk mengedit data mahasiswa yang sudah kita pilih
11. Untuk menambahkan data mahasiswa baru, buat tampilan create untuk menambahkan data
CRUD yang sederhana ini, terdapat penambahan pada bentuk tampilannya dengan tema warna biru muda, dan menjadikan halaman menjadi dinamis.
Pada tampilan index, diberikan sentuhan warna pada bagian create, edit maupun hapus, yang ketika ditekan akan mengalami perubahan warna menjadi lebih strong