Kamis, 09 Agustus 2012

Belajar Codeigniter (Membuat Template)

Dalam pembuatan template ini yang pertama dilakukan adalah menyiapkan librarie template ini sendiri
adapun isinya yaitu :

<?php if ( ! defined('BASEPATH')) exit('No direct script access
allowed');
 
/**
 * CODEIGNITER template library
 *
 * @author  Jérôme Jaglale
 * @url     http://maestric.com/doc/php/codeigniter_template
 */
class Template
{
      var $template_data = array();
 
      function set($name, $value)
      {
         $this­>template_data[$name] = $value;
      }
 
      function load($template = '', $view = '' , $view_data =
array(), $return = FALSE)
      {
         $this­>CI =& get_instance();
         $this­>set('contents', $this­>CI­>load­>view($view,
$view_data, TRUE));
         return $this­>CI­>load­>view($template, $this­
>template_data, $return);
      }
}


/* End of file Template.php */
/* Location: ./application/libraries/Template.php */



kode di tempatkan di /aplication/librarie dengan file template.php
Setelah itu anda buat file view dengan nama template.php sebagai berikut :

<?php  if ( ! defined('BASEPATH')) exit('No direct script access
allowed');?>
<html>
   <title><?php echo $title;?></title>
   <link href="<?php echo base_url();?>asset/admin/css/style.css"
rel="stylesheet" type="text/css" />

<body>
   <div id="header"><h2>Chandra Go Blog</h2><br>
<b><a href="index.php">Home</a>
<a href="#">Articles</a>
<a href="#">About Us</a>
<a href="#">Calculator</a>
<a href="#">Contact Us</a></b>
</div>
   <div id="content"><?php echo $contents ?></div>
   <div id="footer">Copyright &copy;
aguscandraharahap.blogspot.com</div>
</body>
</html>


file ini disimpan di aplication/view. Setelah itu kita buat file css dengan nama style.css yang
ditempatkan di folder asset/admin/css , folder ini kita buat sendiri adapun isi style.css adalah :

body {
   margin:0 auto;
   padding:0;
   width:90%;
   color:#333;
   font­family: "Lucida Grande",Verdana,sans­serif;
   border:1px solid #333;
   background­color:#EEEEEE;
}
html, .main {
   padding:0;
   margin:0;
}
.clear {
   clear:both;
   padding:0;
   margin:0;
   width:100%;
   font­size:0;
   line­height:0;
}

/* LAYOUT */
#header{
   background:#333;
   height:60px;
   border­bottom:1px solid #000;
   color:#fff;
   padding:30px 50px;


}
#content{
   min­height:300px;
   padding:20px 10px;
   background­color:#FFF;
}
#footer{
   background­color:#333;
   height:30px;
   text­align:center;
   width:100%;
   color:#fff;
   padding­top:10px;
   font­size:12px;
}
 
/* ELEMENT */
#header h2{
   font­size:30px;
   margin:0px;
}
#content a:link {
   color: #0066cc;
   text­decoration:none;
}
#content a:active,
#content a:hover {
   color: #59BAFF;
}
.title{
   font­size:30px;
   border­bottom:1px solid #333;
   margin­bottom:15px;
   font­family: "neue_sans_bold",Trebuchet,"Trebuchet
MS",Helvetica,sans­serif;
}


Lalu kita buat Controllernya dengan nama home.php adapun isi dari home.php yaitu :

<?php if ( ! defined('BASEPATH')) exit('No direct script access
allowed');
class Home extends CI_Controller
{
   public function __construct()
   {
      parent::__construct();
   }
   public function index()

}
$this­>template­>set('title','Welcome in
aguscandraharahap.blogspot.com');
        $this­>template­>load('template','admin/index');
   }
}


setelah itu kita buat file index.php yang terletak di aplication/view adapun isi dari index adalah :

<?php  if ( ! defined('BASEPATH')) exit('No direct script access
allowed');?>
<html>
<head>
<title><title>Welcome in aguscandraharahap.blogspot.com</title>
</head>
<body>
<h2>Post Yang Pertama (Perkenalan Diri)</h2><br>
Nama saya Agus Candra Harahap berasal dari Muara Bungo, Jambi dan
sekarang saya sedang berkuliah di Universitas Negeri Padang Prodi
Teknik Informatika.. Terima Kasih<br>
<small>Di Poskan Pada Tanggal 2012­08­09 10:45:00</smal>
<hr>
</body>
</html>


Lalu jangan lupa untuk mengubah autoload.php yang terletak di aplication/config yang diubah adalah

$autoload['libraries'] = array('template');
$autoload['helper'] = array('url');

dan jangan lupa mengubah route.php yang terletak di aplication/config yang diubah adalah

$route['default_controller'] = "home";


Setelah itu jalankan di browser maka yang akan tampil adalah :

Bagi Rekan-rekan yang ingin Menyedotnya saya telah menyediakan PDFnya Dibawah ini :


PDF Belajar Codeigniter Part V

Terima Kasih Telah Berkunjung..
Semoga Bermanfaat Bagi rekan-rekan semuanya..


Sumber : http://anggytrisnawan.com


Tidak ada komentar:

Posting Komentar