Beranda
PHP

Cara Menggunakan View dan CSS pada CodeIgniter

Halo teman-teman developer! Kesempatan kali ini kodeviolet.com akan membahas tentang Cara Menggunakan View dan CSS pada CodeIgniter, yang pastinya
Kode Violet
Cara Menggunakan View dan CSS pada CodeIgniter

Halo teman-teman developer! Kesempatan kali ini kodeviolet.com akan membahas tentang Cara Menggunakan View dan CSS pada CodeIgniter, yang pastinya penting banget untuk kalian yang sedang mengembangkan aplikasi web dengan framework PHP ringan dan cepat ini.

Pengantar View pada CodeIgniter

Dalam CodeIgniter, View adalah bagian dari aplikasi yang bertugas menampilkan antarmuka pengguna. Ini biasanya berupa file .php yang berisi HTML, CSS, dan kadang JavaScript. View dipisahkan dari controller untuk menjaga arsitektur MVC (Model-View-Controller).

Cara Memuat View

Untuk menampilkan halaman melalui view, kalian bisa menggunakan metode load->view() dari controller, seperti berikut:

class Home extends CI_Controller {
    public function index() {
        $this->load->view('welcome_message');
    }
}

File welcome_message.php tersebut harus disimpan di folder application/views/.

Menambahkan CSS pada View

Agar tampilan lebih menarik, kalian bisa menyisipkan CSS dalam View. Ada dua cara umum:

1. Menyisipkan CSS Langsung di View

<style>
    body {
        background-color: #f0f0f0;
        font-family: Arial, sans-serif;
    }
</style>

2. Menghubungkan File CSS Eksternal

Simpan file CSS kalian di folder assets/css/, lalu panggil dalam View:

<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/style.css'); ?>">

Agar base_url() berfungsi, jangan lupa untuk memuat helper URL di autoload.php atau secara manual:

$this->load->helper('url');

Contoh Struktur Folder

Folder Isi
application/views/ File view (misalnya: home.php)
assets/css/ File CSS (misalnya: style.css)

Tips Praktis

  • Gunakan base_url() atau site_url() untuk link agar lebih fleksibel.
  • Jangan masukkan logika bisnis ke dalam view.
  • Gunakan layout (template) untuk header dan footer agar lebih efisien.

Baca Juga:
Cara Menggunakan View dan CSS pada CodeIgniter

Kesimpulan

Itulah tadi artikel dari kodeviolet.com tentang cara menggunakan view dan CSS pada CodeIgniter. Dengan memahami struktur View dan teknik penyisipan CSS, kalian bisa membangun tampilan web yang menarik dan terstruktur rapi. Semoga bermanfaat dan sampai jumpa di artikel berikutnya!

Posting Komentar