Home  >  Article  >  Backend Development  >  CodeIgniter模板引擎使用实例详解

CodeIgniter模板引擎使用实例详解

PHP中文网
PHP中文网Original
2016-06-06 20:10:391083browse

这篇文章主要介绍了CodeIgniter模板引擎使用实例,需要的朋友可以参考下

一、示例:

通常在使用codeigniter的时候经常使用这样的方式载入:

$this->load->view('about', $data);

通过这个类库,可以将一个视图载入到这个模板中:

$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
模板中的代码如下:

<html>
<body>
  <p id="contents"><?= $contents ?></p>
  <p id="footer">Copyright 2008</p>
</body>
</html>

$contents是你在控制器中显示需要插入的内容。

四、创建一个视图application/views/about.php
添加如下代码:

<h1>About</h1>
<p>I&#39;m so human!</p>

在模板引擎中载入视图
在你的控制器中可以使用

$this->template->load(&#39;template&#39;, &#39;about&#39;);

这个模板引擎工作流程:

视图被载入到一个变量中,这个变量会被载入到模板中去

var $template_data = array();
 
function set($name, $value)
{
 $this->template_data[$name] = $value;
}
 
function load($template = &#39;&#39;, $view = &#39;&#39; , $view_data = array(), $return = FALSE)
{        
 $this->CI =& get_instance();
 $this->set(&#39;contents&#39;, $this->CI->load->view($view, $view_data, TRUE)); 
 return $this->CI->load->view($template, $this->template_data, $return);
}

五、技巧总结

高级技巧1:模板中更简单的短标记

例子:你如果需要在页面中显示标题。
那么在HTML的头部views/template.php增加:

<head>
  <title><?= $title ?></title>
</head>

然后直接在控制器中设置:

$this->template->set(&#39;title&#39;, &#39;About me&#39;);

高级技巧2:高亮显示当前导航

导航通常是被用于在模板中,一个体验好的导航应该告诉用户当前所处的位置分类是什么。

定义你的导航项目:

引入application/libraries/Template.php,然后在控制器中增加:

$this->set(&#39;nav_list&#39;, array(&#39;Home&#39;, &#39;Photos&#39;, &#39;About&#39;, &#39;Contact&#39;));

更新你的模板:

在application/views/template.php中增加:

<ul class="navigation">
 <?php foreach($nav_list as $i => $nav_item): ?>
 <li class="<?= ($nav == $nav_item ? &#39;selected&#39; : &#39;&#39;)?>">
 <?= anchor($nav_item, $nav_item) ?>
 </li>
 <?php endforeach ?>
</ul>

这里用到了anchor函数,需要在自动加载配置中增加相关的小助手:

$autoload[&#39;helper&#39;] = array(&#39;url&#39;);

更新你的控制器:

增加:

$this->template->set(&#39;nav&#39;, &#39;About&#39;);

需要注意:
1·如果所有的导航都在一个控制器中,你可以在析构函数中增加通用的导航代码;
2·定义好当前导航的样式,例如:#navigation .selected

高级技巧3:多模板

最简单处理多个模板,可以在libraries/Template.php定义多个新的方法来替换已经存在的内容,第二个高级技巧使用自定义的方法:

function load_main($view = '', $view_data = array(), $return = FALSE)
{
 $this->set(&#39;nav_list&#39;, array(&#39;Home&#39;, &#39;Photos&#39;, &#39;About&#39;, &#39;Contact&#39;));
 $this->load('template', $view, $view_data, $return);
}

将代码粘贴到控制器中

$this->template->set(&#39;nav&#39;, &#39;About&#39;);
$this->template->set(&#39;title&#39;, &#39;About me&#39;);
$this->template->load_main('about');

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn