Views pada Framework Code Igniter
Setelah Controler kita mempelajari view terlebih dahulu, karena kita bisa membuat web hanya dengan controller dan view, langsung saja contohnya seperti ini, kita ingin membuat web dengan 2 halaman, home dan profil :
Pertama kita buat file home.php
<html>
<head>
<title>Halaman awal</title>
</head>
<body>
<h1>Selamat dating, ini adalah halaman awal !.</h1>
</body>
</html>
Dan untuk profil.php silahkan buat sendiri, J jangan lupa simpan di folder application/views/
Lalu kita buat controlernya :
<?php
class Pages extends CI_Controller {
function home(){ // membuat method bernama home
$this->load->view('home');
}
function profil() {
$this->load->view('profil');
}
}
$this->load->view('home'); => disini kita me load halaman home.php yang berada di folder application/view/ yang kita buat, kita tidak perlu memberikan extensi .php cukup nama filenya saja.
Coba : http://localhost/webku/index.php/pages/home dan
http://localhost/webku/index.php/pages/profil
selanjutnya buat folder bernama ‘templates’ di folder view, kita juga bisa seperti ini :
<html>
<head>
<title><?php echo $title; ?></title>
</head>
<body>
Simpan sebagai header.php di folder application/view/templates
<a href=’#”>home</a><a href=’#”>Profil</a><a href=’#”>hubungi saya</a>
Simpan sebagai menu.php di folder application/view/templates
<hr>
Copyright @ 2012 <br>
Website by saefulloh Rifa’i
</body>
</html>
Simpan sebagai footer.php di folder application/view/templates
Dan kita tinggal buat isinya. Silahkan terserah mau buat apa, untuk contoh :
<h1>ini adalah halaman awal</h1>
<p>kita buat isi artikel atau paragraf</p>
Simpan sebagai conten.php di folder application/view/templates
Selanjutnya kita buat Controlernya.
<?php
class Page extends CI_Controller {
function index()
{
$data['title'] = 'Beajar CI Controler & View';
$this->load->view('templates/header');
$this->load->view('templates/menu');
$this->load->view('templates/content', $data);
$this->load->view('templates/footer');
}
}
?>
Silahkan dilihat hasilnya : http://localhost/webku/index.php/page/index
Silahkan download tutorial Code Igniter Bahasa Indonesia Disini.
Comments
Post a Comment