Mengenal View dan Multiple di CodeIgniter

Ad Blocker Detected

Our website is made possible by displaying online advertisements to our visitors. Please consider supporting us by disabling your ad blocker.

View adalah salah satu komponen yang ada dalam MVC, View digunakan untuk menampilkan data. view juga dapat berupa halaman statis atau bisa juga kombinasi antara content statis, dan content yang berasal dari pengelolaan data.

Sebelum melanjutkan bab ini diharapkan untuk menghapus controller yang sudah kita buat pada pembahasan sebelumnya, demikian juga pembahasan mengenai route yang sudah kita tambahkan sebelumnya agar dihapus juga, hal ini dimaksudkan untuk agar latihan tidak terganggu oleh kode yang tidak terpakai.

Umumnya view berisi file html, css, javascript, maupun file lain yang dibutuhkan, Contoh halaman view adalah file yang menampilkan halaman “Welcome to Codeigniter” file tersebut berada di application/view/welcome.php.

Kita akan buat view sederhana yang menampilkan daftar artikel, dengan kombinasi css supaya tampilannya lebih menarik, buat sebuah file bernama index.php simpan di application/views/ dan tuliskan kode view seperti dibawah ini :

Lalu untuk menampilkan view tersebut, kita perlu untuk membuat sebuah controller, buatlah sebuah controller baru di application/controllers beri nama menu.php isi dari controller tersebut adalah seperti berikut :

Penjelasan :

Untuk memanggil view, yaitu menggunakan perintah $this->load->view(), lalu berikan nama view sebagai arguman tanpa extensi .php pada kode tersebut. kita akan memanggil view index.php yang tersimpan di application/views/, secara default codeigniter akan mencari file view di application/views/.

Dan hasilnya dapat dilihat pada browser, akan tampak seperti pada gambar dibawah ini :

membuat menu di view codeigniter
Simulasi menu di view yang sudah kita buat

Memanggil Beberapa View dari Controller

Cara ini sangat berguna manakala view yang kita perlukan terdiri dari beberapa bagian, misalnya saja bagian header, content, footer. semua bisa dibuat terpisah agar kode program tidak terlampau panjang dan juga lebih memudahkan dalam memanage bagian-bagian yang akan diubah.

Untuk memulai nya mari kita ubah Controller Menu.php diatas menjadi seperti berikut :

Pada method index diatas kita meload tiga bagian menu yaitu header, content, dan footer, masing-masing file tersebut berada pada direktori template, maka sekarang kita tinggal membuat ke-tiga file tersebut di view.

Buatlah sebuah folder di view beri nama template, kita ingin folder template ini menampung ke-tiga file diatas, maka buatlah file header.php, content.php, dan footer.php di folder template tersebut. tujuannya adalah agar file tidak crash penamaannya, juga lebih mudah dalam mengaturnya, dan lebih terstruktur sesuai fungsinya.

isi dari file header.php seperti berikut :

2. Isi file content.php sebagai berikut :

3. dan isi file footer.php sebagai berikut :

Sekarang kita lihat hasilnya di browser, buka http://localhost/dev/menu hasilnya akan sama pada gambar diatas, hanya saja sekarang tidak memanggil file index.php tetapi memanggil file view header.php, content.php dan footer.php untuk membentuk satu halaman yang utuh.

Multiple View di Codeigniter

Multiple view adalah suatu cara untuk menampilkan atau membentuk suatu halaman penuh dengan cara memanggil view dari view lainnya. pemanggilan view ini tidak dilakukan di controller seperti cara sebelumnya, akan tetapi cara ini dilakukan dari master view atau yang umum kita sebut sebagai template.

Untuk membuat multiple view ini kita masih menggunakan struktur kode diatas, hanya mengubah sedikit perubahan yang kita lakukan yaitu :

1. ubah isi file controller menu.php menjadi seperti berikut

Dari kode diatas kita meload file index.php yang berada pada direktori view/template/, karena kita belum punya file tersebut, maka kita buat file index.php terlebih dahulu, lalu isi kodenya seperti berikut :

Lalu kita perlu mengubah kode pada file header.php, content.php dan footer.php menjadi seperti berikut :

File header.php

File Content.php

File Footer.php

Selesai, langkah selanjutnya adalah kita tinggal tes saja pada browser dengan mengakses url http://localhost/dev/menu maka hasilnya akan sama saja seperti pada gambar diatas. akan tetapi pemanggilan multiple view ini dilakukan dari master view (template) bukan dari controller.

Cara ini sangat baik dilakukan agar kode program dapat tersusun rapih dan mudah untuk di manage.

Dari cara diatas anda bebas menentukan cara mana yang paling pas dan mudah menurut anda.

Leave a Reply