Minggu, 02 Mei 2010

Membuat simple layout Dinamis pada Codeigniter (CI) bag.2













Membuat simple layout Dinamis pada Codeigniter (CI) bag.1
Pada tulisan kali ini saya akan mencoba berbagi penetahuan tentang bagaimana membuat simple layout yang dinamis dalam CI. Layout yang dinamis membuat file aplikasi yang kita buat tidak menjadi ribet karena harus mengcopy satu file layout utuh kedalam setiap content yang berbeda-beda. Dengan management layout yang baik juga membuat kita lebih gampang untuk mengedit-edit layout yang telah kita buat. Edit satu layout utama, dan semua tampilan dalam aplikasi berubah.
Umumnya layout atau template terbagi menjadi tiga bagian file utama. Header, content dan footer.
Agar lebih mengerti, mari kita praktekan.
Pertama buat lah tiga buah file .php didalam direktori system/application/views
1. Template.php
2. Header.php
3. Footer.php
Lalu jadikan code di template.php mu seperti ini :
<html>
<head>
<title>Belajar CI</title>
</head>
<?php echo $this->load->view('header')?>
<?php echo $this->load->view($isi)?>
<?php echo $this->load->view('footer')?>
</html>
Code di atas akan mengatur template mu dan memanggil file file seperti header dan footer. Kecuali $isi, $isi akan kta buat dinamis, berubah-ubah tanpa mengganggu file header dan footer.
Sekarang jadikan file header dan footer mus seperti ini:

Header.php
<hr>
<h3>Ini tampilan header</h3>
<hr>

footer.php
<hr>
<h5>Ini tampilan footer</h5>
<hr>

Buat controller default mu seperti ini :
<?php

class Welcome extends Controller {

function Welcome()
{
parent::Controller();
}

function index()
{
$isi =�Ini tampilan isi�;
$this->load->view('template', $isi);
}
}

Buka browser mu dan tes!!
Maka, Akan keluar tampilan template dan tulisan �Ini tampilan isi�, berada di antara header dan footer.
� data[isi]=�Ini tampilan isi�; � melempar string yang ada di dalam data ke dalam view($isi) yang ada di template utama.
Kita bisa merubah-rubah isi � data[isi]=�Ini tampilan isi�; � menjadi apa saja sesuai dalam fungsi controller yang kita mau.

Tidak ada komentar:

Posting Komentar