Home » Codeigniter » Membuat Controller dan View pada CodeIgniter 3

Membuat Controller dan View pada CodeIgniter 3

by Bagus Dharma Iswara
by Bagus Dharma Iswara

Kita sudah belajar membuat Aplikasi sederhana ‘Hello World’ dengan menggunakan Framework CodeIgniter 3. Namun materi sebelumnya hanya membahas dengan cara menggunakan 1 buah file Controller yang dibuat.

Kali ini kita akan membahas dengan Bermain dengan Controller dan View pada CodeIgniter 3.

Jadi disini kita dapat menampilkan sebuah halaman website menggunakan gabungan antara file Controller dan file View karena kalau kita hanya membuat pada bagian controller akan menyulitkan kita sebagai programmer ketika aplikasi yang kita buat sudah sangat besar atau kompleks.

Maka dari itu diperlukan pemisahan antara Controller yang berfungsi sebagai logika bisnis dan View sebagai tampilan halaman website.

Section Artikel

Membuat Sebuah File Controller

Langkah pertama yang harus kita lakukan adalah membuat sebuah file controller pada application/controller dengan nama Word.php

Menuliskan kode berikut kedalam file Controller Word.php

<?php
class Word extends CI_Controller
{
  function __construct()
  {
      parent::__construct();
  }
   
  function index(){
      $this->load->view('word_view');
  }
   
}

Untuk penjelasan agar lebih memahami mengenai Controller ini bisa dipelajari pada materi sebelumnya dalam Membuat Aplikasi Hello World pada CodeIgniter 3.

Membuat Sebuah File View

Langkah kedua adalah kita dapat membuat sebuah file view dengan ekstensi php, dengan contoh kita membuat view dengan nama word_view.php.

Kita dapat menambahkan kode berikut

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Word Testing</title>
  </head>
  <body>
    <h1>Bermain Dengan Controller dan View pada CodeIgniter 3</h1>
  </body>
</html>

Perlu diperhatikan disini walaupun kita membuat file berekstensi PHP, kita juga dapat membuat kode dengan bahasa HTML pada file view ini. Jadi kita dapat mengedit tampilan website kita menggunakan bahasa HTML dengan tambahan logika dari bahasa program PHP.

Kemudian kita dapat membuka browser dan menuliskan alamat localhost/tutorialCI/word maka pada browser akan menampilkan halaman website berisi tulisan Bermain Dengan Controller dan View pada CodeIgniter 3.

Mengirimkan Parameter Kedalam View Melalui Controller

Pada Controller Word.php kita dapat ubah kode tersebut menjadi

<?php
class Word extends CI_Controller
{
  function __construct()
  {
      parent::__construct();
  }
   
  function index(){
      $data['title']   = "Masukkan Judul";
      $data['content'] = "Masukkan Isi Content";
      $this->load->view('word_view');
  }
   
}

Selanjutnya dapat mengubah view pada word_view.php menjadi

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title><?php echo $title;?></title>
  </head>
  <body>
    <h1><?php echo $content;?></h1>
  </body>
</html>

Catatan : terdapat variabel $title dan $content ini merupakan variabel yang telah didefinisi sebelumnya pada controller bagian $data[‘title’] dan $data[‘content’].

Kemudian dapat kita buka browser dan dapat menuliskan alamat localhost/tutorialCI/word dan dapat dilihat kembali perbedaan yang diterima.

You may also like