Hai, Sobat Jagoan! Masih ingat dengan Routing dan View pada CodeIgniter 4, kan? Routing adalah mekanisme untuk mengarahkan URL ke bagian tertentu dari aplikasi. Sedangkan, View adalah file yang menampilkan tampilan HTML, CSS, JS kepada pengguna. Kalau mau review lagi tentang Routing dan View, silahkan mengakses artikel Memahami Konsep Dasar CodeIgniter 4.
Artikel kali ini akan membahas lebih rinci lagi bagaimana peran Routing dan View pada CodeIgniter 4. Simak baik-baik ya, Sob supaya kamu tidak bingung.
Penjelasan Singkat Routing
Proses untuk mengatur URL yang diminta pengguna agar diarahkan ke bagian View tertentu dari aplikasi disebut sebagai Routing. Di CI4, routing ditulis di file app/Config/Routes.php
Kalau kamu mengakses pertama kali halaman CI4 setelah instalasi atau melalui URL https://localhost:8080/ sebenarnya halaman tersebut sedang menjalankan pengaturan routing yang didefinisikan seperti: $routes->get(‘/’, ‘Home::index’);
Artinya, jika pengguna mengakses (/), maka sistem akan menjalankan Home controller dengan method index().
Tentang View
View adalah tempat kamu membuat sintaks kode tampilan aplikasi yang berisi kode campuran dari PHP, HTML, JS, dan CSS. Jadi, pengguna akan berinteraksi dengan aplikasi melalui komponen View. Komponen ini berada di dalam folder app/Views/.
Cara menampilkan View diatur di dalam Controller, biasanya menggunakan sintaks kode seperti: return view(‘nama_view’);
Aturan Penulisan View
Ada beberapa aturan penulisan View yang harus kamu perhatikan.
1) Penulisan nama file menggunakan huruf kecil dan jika terdiri dari 2 suku kata atau lebih dipisah menggunakan simbol _ (underscore).
Contoh yang benar:
welcome_message.php
about.php
Contoh yang tidak disarankan:
WelcomeMessage.php
ABOUT.php
2) File View bisa berisi kode PHP, HTML, CSS, dan JS, maka kamu akan banyak menggunakan echo untuk menampilkan output. Contoh: <?php echo $name ?>
Ingat, Sob di artikel Memahami Konsep Dasar CodeIgniter 4 telah membahas kalau di View tidak dianjurkan melakukan query data, misalnya:
<?php
$this->db->query('SELECT * from user');
?>
3) File view berbentuk .php dan ditulis seperti HTML biasa dan bisa disisipkan PHP
Implementasi Routing dan View (Tanpa Controller)
Sebagaimana yang sudah kamu ketahui bahwa Codeigniter 4 menerapkan arsitektur MVC. Di mana, Controller akan mengatur logika bagaimana View ditampilkan di browser. Tapi, kamu bisa menampilkan View tanpa menggunakan Controller, Sob. Hal ini bisa dilakukan kalau di file View tidak memerlukan data dari database. Yuk, simak caranya agar tidak penasaran.
- Kamu bisa mengirim data dari Routing ke View secara langsung dengan mengirim data berbentuk array asosiatif. Misalnya kamu ingin membuat halaman /halo dan menampilkan judul.
STEP 1: Pertama, tambahkan routing di app/Config/Routes.php
$routes->get('halo', function () {
return view('view_halo', ['judul' => 'Selamat Datang di CodeIgniter 4!']);
});
STEP 2: Setelah itu, buat file View bernama view_halo.php di dalam app/Views/
<!DOCTYPE html>
<html>
<head>
<title><?= esc($judul) ?></title>
</head>
<body>
<h1><?= esc($judul) ?></h1>
<p>Ini adalah halaman yang dibuat dari routing langsung ke view, tanpa controller.</p>
</body>
</html>
STEP 3: Terakhir jalankan server lalu buka http://localhost:8080/halo
- Selanjutnya, mari membuat halaman bernama view_about.php dan view_contact.php.
STEP 1: Buat file app/Views/view_about.php
<!DOCTYPE html>
<html>
<head>
<title>Tentang Kami</title>
</head>
<body>
<h1>Tentang Kami</h1>
<p>Ini adalah halaman tentang kami yang dibuat tanpa controller.</p>
</body>
</html>
STEP 2: Kemudian buat file app/Views/view_contact.php
<!DOCTYPE html>
<html>
<head>
<title>Kontak</title>
</head>
<body>
<h1>Kontak</h1>
<p>Hubungi kami di: [email protected]</p>
</body>
</html>
STEP 3: Setelah membuat View, tambahkan routing di dalam app/Config/Routes.php
$routes->get('about', function () {
return view('view_about');
});
$routes->get('contact', function () {
return view('view_contact');
});
STEP 4: Lalu, jalankan server dan buka http://localhost:8080/about dan http://localhost:8080/contact
Demikian demonstrasi penerapan routing dan view sederhana di CodeIgniter 4. Kamu bisa memahami bahwa View bisa ditampilkan langsung dari Routing. Metode ini cocok bila kamu ingin membuat halaman statis sederhana. Untuk halaman yang membutuhkan data dari database, sebaiknya gunakan Controller agar kode lebih terstruktur.
Kalau ada yang masih bikin bingung, jangan ragu hubungi Tim Support Jagoan Hosting via Live Chat atau Open Ticket, Sob!