Issue
Im trying to create my second web application in CodeIgniter.
In my previous project I created views for page header, footer and sidebar.
In every page controller I had to load these views like this:
class Home extends CI_Controller {
public function index()
{
$this->load->view('header');
$this->load->view('sidebar');
$this->load->view('home'); // home
$this->load->view('footer');
}
public function about()
{
$this->load->view('header');
$this->load->view('sidebar');
$this->load->view('about'); // about
$this->load->view('footer');
}
public function contact()
{
$this->load->view('header');
$this->load->view('sidebar');
$this->load->view('contact'); // contact
$this->load->view('footer');
}
}
I don't like this and I feel im doing it wrong.
Any suggestions?
Solution
in advance, you can through this way to build your view:
first create an Template in your view folder
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta content="MajidGolshadi" name="author">
<?php echo $html_head; ?>
<title></title>
</head>
<body>
<div id="content">
<?php echo $content; ?>
</div>
<div id="footer">
<?php echo $html_footer; ?>
</div>
</body>
</html>
second create an library to load your view automaticaly
<?php
if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Template
{
private $data;
private $js_file;
private $css_file;
private $CI;
public function __construct()
{
$this->CI =& get_instance();
$this->CI->load->helper('url');
// default CSS and JS that they must be load in any pages
$this->addJS( base_url('assets/js/jquery-1.7.1.min.js') );
$this->addCSS( base_url('assets/css/semantic.min.css') );
}
public function show( $folder, $page, $data=null, $menu=true )
{
if ( ! file_exists('application/views/'.$folder.'/'.$page.'.php' ) )
{
show_404();
}
else
{
$this->data['page_var'] = $data;
$this->load_JS_and_css();
$this->init_menu();
if ($menu)
$this->data['content'] = $this->CI->load->view('template/menu.php', $this->data, true);
else
$this->data['content'] = '';
$this->data['content'] .= $this->CI->load->view($folder.'/'.$page.'.php', $this->data, true);
$this->CI->load->view('template.php', $this->data);
}
}
public function addJS( $name )
{
$js = new stdClass();
$js->file = $name;
$this->js_file[] = $js;
}
public function addCSS( $name )
{
$css = new stdClass();
$css->file = $name;
$this->css_file[] = $css;
}
private function load_JS_and_css()
{
$this->data['html_head'] = '';
if ( $this->css_file )
{
foreach( $this->css_file as $css )
{
$this->data['html_head'] .= "<link rel='stylesheet' type='text/css' href=".$css->file.">". "\n";
}
}
if ( $this->js_file )
{
foreach( $this->js_file as $js )
{
$this->data['html_head'] .= "<script type='text/javascript' src=".$js->file."></script>". "\n";
}
}
}
private function init_menu()
{
// your code to init menus
// it's a sample code you can init some other part of your page
}
}
third load your library in every controller constructor and then use this lib to load you view automatically
to load additional js in your view you can use addJS method in this way:
$this->template->addJS("your_js_address");
for Css:
$this->template->addCSS("your_css_address");
and to show your page content call your view file with show method
$this->template->show("your_view_folder", "view_file_name", $data);
i hope this codes help you
Answered By - Majid Golshadi
Posts
0 Comments:
Post a Comment
Note: Only a member of this blog may post a comment.