CodeIgniter View
Dimas Prihady Setyawan - 5025211184 - PBKK A 2023/2024 (gasal)
Codeigniter 4
CodeIgniter adalah sebuah framework yang dikembangkan pada tahun 2006 oleh Rick Ellis. CodeIgniter berfungsi untuk web dan application development yang hadir dalam bentuk platform open-source. Framework ini diciptakan untuk para developer yang hendak membangun situs web maupun aplikasi menggunakan bahasa pemrograman PHP. Salah satu fitur yang dimiliki codeigniter adalah MVC.
Codeigniter 4 View
View dalam konsep MVC adalah bagian kode program yang mengatur tampilan website. Pada aplikasi web, bagian view biasanya berupa file template HTML yang diatur oleh controller. Bagian ini tidak memiliki akses langsung terhadap bagian model namun berhubungan langsung dengan controller. View berfungsi untuk menerima dan merepresentasikan data kepada pengguna. Dengan kata lain, View adalah bagian dari aplikasi yang bertanggung jawab untuk menampilkan data ke pengguna. View berisi struktur tampilan dan antarmuka pengguna yang digunakan oleh pengguna untuk berinteraksi dengan aplikasi.
Step by Step Setup
1. Konfigurasi Folder Controllers
Tambahkan file Pages.php pada controller untuk mengakses view masing-masing page.
2. Konfigurasi Folder Views
Pada Views, tambahkan folder layout yang berisi header dan footer serta folder pages yang berisi home, about, dan contact. Layout terbuat terpisah karena header dan footer akan selalu sama ditiap pages.
3. Code Routers.php
Pastikan pada Config -> Routes.php telah dilakukan routing untuk Pages. Pages tersebut terdapat pada file Controllers.
4. Code Controllers Pages.php
Atur struktur Controller untuk memanggil View. Dapat terlihat bahwa header dan footer digunakan berulang. Untuk setiap function, terdapat variabel data yang mengatur title pada halaman masing-masing.
5. Code Layout View Header
Layout header berisi navbar yang memiliki tiga button yaitu Home, About, dan Contact. Title juga dapat terlihat menggunakan variabel yang berarti title tiap halaman adalah dinamis menggunakan data pada Controllers.
6. Code Layout View Footer
Footer digunakan untuk menutup code HTML.
7. Code View home.php
Berikut adalah code dari page home.php. Dapat terlihat bahwa tidak terlihat code header dan footer karena sudah terbuat terpisah.
8. Code View about.php
Berikut adalah code dari page about.php. Dapat terlihat bahwa tidak terlihat code header dan footer karena sudah terbuat terpisah.
9. Code View contact.php
Berikut adalah code dari page contact.php. Dapat terlihat bahwa tidak terlihat code header dan footer karena sudah terbuat terpisah.
10. Tampilan View Home
Berikut adalah output dari code view home yang dipanggil dari controller. Routingnya adalah http://localhost:8080/
11. Tampilan View About
Berikut adalah output dari code view about yang dipanggil dari controller. Routing dari halaman tersebut adalah http://localhost:8080/pages/about
12. Tampilan View Contact
Berikut adalah output dari code view about yang dipanggil dari controller.Routing dari halam tersebut adalah http://localhost:8080/pages/contact