Web Development Practical Report 1
Membuat CRUD Sederhana dan Mengoptimisasikannya
Membuat Folder Baru
buat folder baru didalam folder htdocs dengan nama crud, kemudian buka menggunakan VS Code dan buat struktur file atau direktori seperti gambar berikut ini.
Membuat Database
Pertama-tama buat database baru dengan nama pemrograman_web, kemudian buat table mahasiswa sebagai berikut.
Koneksi Database
Untuk mengkoneksikan Database, buat file baru di folder config dengan nama database.php dan ketikkan kode program berikut ini
File Config.php
File Config.php digunakan untuk membuat variable constant yang mana nantinya dapat diakases dari kelas manapun, pada praktikum ini akan membuat variable constant dengan nama BASE_URL yang berisi strng base url dari project yang akan dibuat.dan url nya di sesuaikan dengan nama project yang telah dibuat
File Alert.php dan ketikan code berikut
Buat file Alert.php di dalam folder function
Class / Model Mahasiswa
Class Mahasiswa digunakan untuk membuat fungsi operasi Create, Read, Update dan Delete data Mahasiswa, berikut ini Langkah-langkah pembuatan class Mahasiswa.Pertama kita akan membuat session_start(), mendeklarasikan variable yang dibutuhkan dan membuat fungsi constructor untuk memanggil koneksi database
Membuat Fungsi Create
Fungsi create ini akan berguna untuk menambahkan data mahasiswa seperti kode program berikut.
Membuat Fungsi Read
buat fungsi read untuk menampilkan data mahasiswa, fungsi read memiliki default parameter $id yang berisi string kosong, jika $id == “” maka akan mengeksekusi query untuk menampilkan seluruh data mahasiswa, jika $id !== “” maka akan mengeksekusi query untuk menampilkan data mahasiswa berdasarkan id mahasiswa. Berikut kode program fungsi read.
Membuat Fungsi Update
Fungsi update berfungsi untuk melakukan perubahan data mahasiswa berdasarkan ID mahasiswa, berikut ini kode programnya.
Membuat Fungsi Delete
Fungsi delete berfungsi untuk menghapus data mahaiswa berdasarkan ID, berikut ini kode program untuk fungsi delete.
Fungsi Mahasiswa
Fungsi mahasiswa ini berfungsi sebagai controller yang menghubungkan antara class/model mahasiswa dengan view, buka file Mahasiswa.php yang berada dalam folder function kemudian tambahkan kode program seperti berikut.
View
View ini berfungsi untuk menampilkan data, menampilkan form input dan update data mahasiswa.Kita akan membuatnya dalam file index.php didalam folder model
File Create.php
Selanjutnya kita akan membuat file baru bernama create.php didalam folder model, create ini akan menampilkan sebuah halaman untuk menginputkan data
File Edit.php
File edit.php ini akan berfungsi untuk mengedit atau melakukan perubahan terhadap data yang telah diinputkan
Mengoptimisasi Code dengan dengan Validasi Input dan Menambahkan anti XSS serta Sanitize Input
Bisa dilihat dari code dibawah, sesi dimulai dengan pengecekan terlebih dahulu (session_start()), dan terdapat tiga aksi utama berdasarkan parameter action yang dikirim melalui URL: create, delete, dan update. Setiap aksi mencakup proses validasi dan sanitasi input menggunakan fungsi validateInput() untuk mencegah XSS dan injeksi data. Jika aksi berhasil, pengguna akan diarahkan kembali ke halaman index.php dengan parameter msg=1, menampilkan pesan sukses yang disimpan dalam sesi. Jika terjadi error, halaman akan diarahkan ke index.php dengan parameter msg=0, menampilkan pesan error. Fungsi validateInput() digunakan untuk membersihkan data sebelum disimpan ke database.
