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

Popular posts from this blog

Fungsi PHP untuk menghitung selisih atau jarak 2 tanggal

Belajar ExtJS Dasar

Session pada Code Igniter