Menampilkan View pada CodeIgniter

Pengenalan View pada CodeIgniter

    CodeIgniter merupakan salah satu dari sekian jenis PHP Framework yang ada saat ini. Kenapa disebut dengan Framework PHP ? Karena menggunakan suatu kerangka kerja yang   mempunyai pola dalam pembuatan web yang memakai script PHP. Karakteristiknya adalah menggunakan metode pengembangan berbasis MVC. MVC adalah suatu metode yang memisahkan bagian-bagian dari suatu web aplikasi. Terdiri dari 3 bagian yaitu Model, View, dan Controller.

1. Model : mewakili struktur data yang berinteraksi ke database atau webservice.

2. View : berfungsi sebagai pengatur tampilan untuk user. 

3. Controller : merupakan tempat proses logika berjalan serta menjadi penghubung antara View dan Model.

Setelah mengetahui fungsi dari View, maka langsung saja akan saya jelaskan proses yang berjalan di View serta cara untuk menampilkannya.

Folder View sendiri berada pada folder application. Dimana folder application itu ? Folder application ada di dalam folder XAMPP yang sudah diinstall sebelumnya. Setelah itu buka folder htdocs dan masuk ke dalam folder CodeIgniter yang telah terinstall. Didalam folder application itulah folder View berada yang secara default namanya adalah views. Di folder tersebut disimpan semua file view aplikasi.

Saat membuka folder tersebut secara default sudah ada 2 file yaitu index.html dan file berekstensi php dengan nama welcome_message. File welcome_message.php itulah tempat tampilan dibuat. Tampilan dari welcome_message.php masih berupa halaman statis yang nantinya akan ditampilkan ke browser. Pada tampilan tadi disediakan 3 link yang dapat diakses yaitu :

1. application/views/welcome_message.php
Link diatas menunjukkan tempat dari file view tersebut berada. Dipergunakan jika ingin mengedit halaman web yang akan ditampilkan.
2. application/controllers/welcome.php
Link diatas menunjukkan tempat dari file controller berada. Berfungsi untuk memproses tampilan dari view agar dapat ditampilkan ke browser.
3. User Guide
Link yang terakhir difungsikan sebagai bantuan bagi programmer pemula yang ingin mempelajari lebih lanjut tentang CodeIgniter beserta fitur-fitur yang ada didalamnya. 

Untuk selanjutnya akan saya jelaskan tutorial menampilkan view. Hasilnya akan seperti

dibawah ini.

Langkah-langkahnya akan saya jelaskan berikut ini :

1.      Buat database dengan nama mhs. Nama tabelnya adalah mahasiswa. Kolom yang diperlukan adalah no, nama dan alamat.

2.      Setelah itu buat koneksi dengan database yang sudah dibuat. Untuk itu harus membuat data di folder Model dengan nama dataku.php yang isinya seperti berikut ini.

<?php

class DataMhs extends CI_Model {

            function tampilkan_data_mahasiswa()

            {

                        $mhs=$this->db->query("SELECT * from mahasiswa");

                        return $mhs;

            }          

}

?>

Penjelasan : membuat kelas dengan nama DataMhs yang berisi fungsi tampilkan_data_mahasiswa. Didalam fungsi tersebut dibuat variabel dngan nama $mhs yang mengambil data dari tabel mahasiswa yang sudah dibuat sebelumnya.

3.      Kemudian membuat file baru dengan nama welcome_message.php di folder Views dengan koding seperti berikut.

<div id="container">

<h1>Data Mahasiswa</h1>  

    <table border="1">

    <tr>

    <td>No</td>

    <td>Nama</td>

    <td>Alamat</td>

    </tr>

    <?php

   foreach($mhsw->result_array() as $data)

   {

   echo "<tr><td>$data[no]</td><td>$data[nama]</td><td>$data[alamat]</td></tr>";

   }

   ?>

   </table>

   </div>

Penjelasan : data akan ditampilkan dalam bentuk tabel yang berisi no., nama, dan alamat.
4.      Untuk memproses data dari view dan model maka dibuat file di folder Controller dengan nama welcome.php. Untuk kodingnya ada dibawah ini.

            function __construct()

            {

                        parent::__construct();

                        $this->load->model("dataku");

            }

                       

            public function index()

            {                                              

                        $data["mhsw"]=$this->dataku->tampilkan_data_mahasiswa();                                           

                        $this->load->view('welcome_message',$data);

            }

}

Penjelasan : membuat fungsi yang berisi data di folder model tadi. Kemudian membuat fungsi index yang digunakan untuk menampilkan view yang sudah dibuat. View akan merujuk pada file php dengan nama welcome_message.

Untuk TUTORIAL kali ini sampai disini dulu ya, selamat mencoba..