溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

如何正確的使用CodeIgniter模板引擎

發(fā)布時(shí)間：2020-12-17 14:56:46 來(lái)源：億速云 閱讀：161 作者：Leah 欄目：開(kāi)發(fā)技術(shù)

本篇文章給大家分享的是有關(guān)如何正確的使用CodeIgniter模板引擎，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話(huà)不多說(shuō)，跟著小編一起來(lái)看看吧。

一、示例：

通常在使用codeigniter的時(shí)候經(jīng)常使用這樣的方式載入：

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

通過(guò)這個(gè)類(lèi)庫(kù)，可以將一個(gè)視圖載入到這個(gè)模板中：

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

這里將視圖about.php載入到template模板文件中。

二、安裝

下載ci_template_library.zip
解壓后將Template.php放到application/libraries應(yīng)用類(lèi)庫(kù)目錄中；
應(yīng)用程序啟動(dòng)自動(dòng)加載application/config/autoload.php；

三、創(chuàng)建一個(gè)模板文件application/views/template.php
模板中的代碼如下：

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

$contents是你在控制器中顯示需要插入的內(nèi)容。

四、創(chuàng)建一個(gè)視圖application/views/about.php
添加如下代碼：

<h2>About</h2>
<p>I'm so human!</p>

在模板引擎中載入視圖
在你的控制器中可以使用

$this->template->load('template', 'about');

這個(gè)模板引擎工作流程：

視圖被載入到一個(gè)變量中，這個(gè)變量會(huì)被載入到模板中去

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);
}

五、技巧總結(jié)：

高級(jí)技巧1：模板中更簡(jiǎn)單的短標(biāo)記

例子：你如果需要在頁(yè)面中顯示標(biāo)題。
那么在HTML的頭部views/template.php增加：

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

然后直接在控制器中設(shè)置：

$this->template->set('title', 'About me');

高級(jí)技巧2：高亮顯示當(dāng)前導(dǎo)航

導(dǎo)航通常是被用于在模板中，一個(gè)體驗(yàn)好的導(dǎo)航應(yīng)該告訴用戶(hù)當(dāng)前所處的位置分類(lèi)是什么。

定義你的導(dǎo)航項(xiàng)目：

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

$this->set('nav_list', array('Home', 'Photos', 'About', 'Contact'));

更新你的模板：

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

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

這里用到了anchor函數(shù)，需要在自動(dòng)加載配置中增加相關(guān)的小助手：

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

更新你的控制器：

增加：

$this->template->set('nav', 'About');

需要注意：
1·如果所有的導(dǎo)航都在一個(gè)控制器中，你可以在析構(gòu)函數(shù)中增加通用的導(dǎo)航代碼；
2·定義好當(dāng)前導(dǎo)航的樣式，例如：#navigation .selected

高級(jí)技巧3：多模板

最簡(jiǎn)單處理多個(gè)模板，可以在libraries/Template.php定義多個(gè)新的方法來(lái)替換已經(jīng)存在的內(nèi)容，第二個(gè)高級(jí)技巧使用自定義的方法：

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

將代碼粘貼到控制器中

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

以上就是如何正確的使用CodeIgniter模板引擎，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手