Cara Membuat Template di CodeIgniter

Setelah memahami proses routing dan pengiriman data maka hal terpenting selanjutnya adalah memahami pembuatan template. Dengan konsep template maka web atau aplikasi yang dibuat akan konsisten dalam tampilan dalam arti tidak akan berubah-ubah karena menggunakan template yang sama.

Konsep dasar dari templating adalah ada sebuah file yang mengatur tata letak web atau aplikasi yang dirancang, kemudian halaman yang lainnya ditampilkan dengan menggunakan template tersebut. Pada file templating semua kebutuhan CSS dan Javascript di panggil pada file tersebut. Namun pada contoh kali ini tidak akan dilakukan agar konsep templating lebih mudah dipahami.

Membuat File Untuk Template

Buatlah sebuah file dengan nama view_main.php pada direktori application/views. Ketikkan kode berikut ini pada file tersebut.

<html>
<head>
	<meta charset="UTF-8">
	<title><?php echo $title?></title>
</head>
<body>
	<a href ="tampil_hal1">Hal 1 </a> |
	<a href ="tampil_hal2">Hal 2 </a>
	<h1>BLOG KU</h1>
	<?php $this->load->view($main_content); ?>
</body>
</html>

Kemudian buatlah 2 buah file lain pada direktori application/views yang akan dibuka dengan halaman template. Pada file tersebut cukup diketikan isi utamanya saja, tidak perlu dibuat struktur file html secara lengkap.

File halaman1.php

<h3><?php echo $judul ?></h3>
<h4><?php echo $author ?></h4>
<p><?php echo $deskripsi ?></p>

File halaman2.php

<h1> Ini Halaman 2</h1>



Membuat Controller Untuk Memanggil Template

Langkah berikutnya adalah membuat sebuah file controller untuk melakukan proses pengiriman data dan file yang akan dibuka pada file template. Buatlah file dengan nama Halaman.php pada direktori application/controllers. Ketikkan kode berikut ini:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Halaman extends CI_Controller {
    public $data = array();
	public function tampil_hal1(){
        $this->data['main_content'] = 'halaman1.php';
        $this->data['title'] = 'Blog Idaman';
        $this->data['judul'] = 'Kambing Liar';
        $this->data['author'] = 'Anton Argono';
        $this->data['deskripsi'] = 'Lorem ipsum dolor sit amet, adipisicing elit.';
		$this->load->view('view_main',$this->data);
    }
    public function tampil_hal2(){
        $this->data['main_content'] = 'halaman2.php';
        $this->data['title'] = 'Blog Idaman';
	$this->load->view('view_main',$this->data);
    }
}

Ketikan http://localhost/CodeIgniter-3.1.4/index.php/halaman/tampil_hal1 maka akan tampil pada browser seperti pada Gambar berikut ini:

Klik menu Hal 2 maka akan tampil pada browser seperti pada Gambar berikut ini:

Pembuatan template ini sangat diperlukan saat membuat website atau aplikasi.

1 Trackbacks & Pingbacks

  1. Routing Dasar dan Mengirim Data ke View Dengan CodeIgniter | Onestring Lab

Leave a Reply

Your email address will not be published.


*


Block AdBlock - Powered by Admiral