一、示例:
通常在使用codeigniter的时候经常使用这样的方式载入:
1 | $this ->load->view( 'about' , $data ); |
通过这个类库,可以将一个视图载入到这个模板中:
1 | $this ->template->load( 'template' , 'about' , $data ); |
这里将视图about.php载入到template模板文件中。
二、安装
下载ci_template_library.zip
解压后将Template.php放到application/libraries应用类库目录中;
应用程序启动自动加载application/config/autoload.php;
三、创建一个模板文件application/views/template.php
模板中的代码如下:
3 | <div id= "contents" ><?= $contents ?></div> |
4 | <div id= "footer" >Copyright 2008</div> |
$contents是你在控制器中显示需要插入的内容。
四、创建一个视图application/views/about.php
添加如下代码:
在模板引擎中载入视图
在你的控制器中可以使用
1 | $this ->template->load( 'template' , 'about' ); |
这个模板引擎工作流程:
视图被载入到一个变量中,这个变量会被载入到模板中去
01 | var $template_data = array (); |
03 | function set( $name , $value ) |
05 | $this ->template_data[ $name ] = $value ; |
08 | function load( $template = '' , $view = '' , $view_data = array (), $return = FALSE) |
10 | $this ->CI =& get_instance(); |
11 | $this ->set( 'contents' , $this ->CI->load->view( $view , $view_data , TRUE)); |
12 | return $this ->CI->load->view( $template , $this ->template_data, $return ); |
五、技巧总结:
高级技巧1:模板中更简单的短标记
例子:你如果需要在页面中显示标题。
那么在HTML的头部views/template.php增加:
2 | <title><?= $title ?></title> |
然后直接在控制器中设置:
1 | $this ->template->set( 'title' , 'About me' ); |
高级技巧2:高亮显示当前导航
导航通常是被用于在模板中,一个体验好的导航应该告诉用户当前所处的位置分类是什么。
定义你的导航项目:
引入application/libraries/Template.php,然后在控制器中增加:
1 | $this ->set( 'nav_list' , array ( 'Home' , 'Photos' , 'About' , 'Contact' )); |
更新你的模板:
在application/views/template.php中增加:
1 | <ul class = "navigation" > |
2 | <?php foreach ( $nav_list as $i => $nav_item ): ?> |
3 | <li class = "<?= ($nav == $nav_item ? 'selected' : '')?>" > |
4 | <?= anchor( $nav_item , $nav_item ) ?> |
这里用到了anchor函数,需要在自动加载配置中增加相关的小助手:
1 | $autoload [ 'helper' ] = array ( 'url' ); |
更新你的控制器:
增加:
1 | $this ->template->set( 'nav' , 'About' ); |
需要注意:
1·如果所有的导航都在一个控制器中,你可以在析构函数中增加通用的导航代码;
2·定义好当前导航的样式,例如:#navigation .selected
高级技巧3:多模板
最简单处理多个模板,可以在libraries/Template.php定义多个新的方法来替换已经存在的内容,第二个高级技巧使用自定义的方法:
1 | function load_main( $view = '' , $view_data = array (), $return = FALSE) |
3 | $this ->set( 'nav_list' , array ( 'Home' , 'Photos' , 'About' , 'Contact' )); |
4 | $this ->load( 'template' , $view , $view_data , $return ); |
将代码粘贴到控制器中
1 | $this ->template->set( 'nav' , 'About' ); |
2 | $this ->template->set( 'title' , 'About me' ); |
3 | $this ->template->load_main( 'about' ); |