剛開始接觸模版引擎的 PHP 設(shè)計師，聽到 Smarty 時，都會覺得很難。其實筆者也不例外，碰都不敢碰一下。但是后來在剖析 XOOPS 的程序架構(gòu)時，開始發(fā)現(xiàn) Smarty 其實并不難。只要將 Smarty 基礎(chǔ)功練好，在一般應(yīng)用上就已經(jīng)相當(dāng)足夠了。當(dāng)然基礎(chǔ)能打好，后面的進(jìn)階應(yīng)用也就不用怕了。
這篇文章的主要用意并非要深入探討 Smarty 的使用，這在官方使用說明中都已經(jīng)寫得很完整了。筆者僅在此寫下一些自己使用上的心得，讓想要了解 Smarty 卻不得其門而入的朋友，可以從中得到一些啟示。就因為這篇文章的內(nèi)容不是非常深入，會使用 Smarty 的朋友們可能會覺得簡單了點。
目前本文已經(jīng)第三次修訂了，本想多加一些料進(jìn)來；不過礙于時間的關(guān)系，很多 Smarty 的進(jìn)階技巧筆者并沒有研究得很透徹，所以也不敢拿出來現(xiàn)眼，但筆者相信這篇文章應(yīng)該能夠滿足大多數(shù)想學(xué)習(xí) Smarty 的初學(xué)者了。當(dāng)然本文有謬誤的地方也歡迎告知，筆者會在下一次的修訂中更正的。
Smarty介紹
什么是模版引擎
不知道從什么時候開始，有人開始對 HTML 內(nèi)嵌入 Server Script 覺得不太滿意。然而不論是微軟的 ASP 或是開放源碼的 PHP，都是屬于內(nèi)嵌 Server Script 的網(wǎng)頁伺服端語言。因此也就有人想到，如果能把程序應(yīng)用邏輯 (或稱商業(yè)應(yīng)用邏輯) 與網(wǎng)頁呈現(xiàn) (Layout) 邏輯分離的話，是不是會比較好呢？
其實這個問題早就存在已久，從交互式網(wǎng)頁開始風(fēng)行時，不論是 ASP 或是 PHP 的使用者都是身兼程序開發(fā)者與視覺設(shè)計師兩種身份。可是通常這些使用者不是程序強(qiáng)就是美工強(qiáng)，如果要兩者同時兼顧，那可得死掉不少腦細(xì)胞...
所以模版引擎就應(yīng)運而生啦！模版引擎的目的，就是要達(dá)到上述提到的邏輯分離的功能。它能讓程序開發(fā)者專注于資料的控制或是功能的達(dá)成；而視覺設(shè)計師則可專注于網(wǎng)頁排版，讓網(wǎng)頁看起來更具有專業(yè)感！因此模版引擎很適合公司的網(wǎng)站開發(fā)團(tuán)隊使用，使每個人都能發(fā)揮其專長！
就筆者接觸過的模版引擎來說，依資料呈現(xiàn)方式大概分成：需搭配程序處理的模版引擎和完全由模版本身自行決定的模版引擎兩種形式。
在需搭配程序處理的模版引擎中，程序開發(fā)者必須要負(fù)責(zé)變量的呈現(xiàn)邏輯，也就是說他必須把變量的內(nèi)容在輸出到模版前先處理好，才能做 assign 的工作。換句話說，程序開發(fā)者還是得多寫一些程序來決定變量呈現(xiàn)的風(fēng)貌。而完全由模版本身自行決定的模版引擎，它允許變量直接 assign 到模版中，讓視覺設(shè)計師在設(shè)計模版時再決定變量要如何呈現(xiàn)。因此它就可能會有另一套屬于自己的模版程序語法 (如 Smarty) ，以方便控制變量的呈現(xiàn)。但這樣一來，視覺設(shè)計師也得學(xué)習(xí)如何使用模版語言。
模版引擎的運作原理，首先我們先看看以下的運行圖：
一般的模版引擎 (如 PHPLib) 都是在建立模版對象時取得要解析的模版，然后把變量套入后，透過 parse() 這個方法來解析模版，最后再將網(wǎng)頁輸出。
對 Smarty 的使用者來說，程序里也不需要做任何 parse 的動作了，這些 Smarty 自動會幫我們做。而且已經(jīng)編譯過的網(wǎng)頁，如果模版沒有變動的話， Smarty 就自動跳過編譯的動作，直接執(zhí)行編譯過的網(wǎng)頁，以節(jié)省編譯的時間。
使用Smarty的一些概念
在一般模版引擎中，我們常看到區(qū)域的觀念，所謂區(qū)塊大概都會長成這樣：
<!-- START : Block name -->
區(qū)域內(nèi)容
<!-- END : Block name -->
這些區(qū)塊大部份都會在 PHP 程序中以 if 或 for, while 來控制它們的顯示狀態(tài)，雖然模版看起來簡潔多了，但只要一換了顯示方式不同的模版， PHP 程序勢必要再改一次！
在 Smarty 中，一切以變量為主，所有的呈現(xiàn)邏輯都讓模版自行控制。因為 Smarty 會有自己的模版語言，所以不管是區(qū)塊是否要顯示還是要重復(fù)，都是用 Smarty 的模版語法 (if, foreach, section) 搭配變量內(nèi)容作呈現(xiàn)。這樣一來感覺上好象模版變得有點復(fù)雜，但好處是只要規(guī)劃得當(dāng)， PHP 程序一行都不必改。
由上面的說明，我們可以知道使用Smarty 要掌握一個原則：將程序應(yīng)用邏輯與網(wǎng)頁呈現(xiàn)邏輯明確地分離。就是說 PHP 程序里不要有太多的 HTML 碼。程序中只要決定好那些變量要塞到模版里，讓模版自己決定該如何呈現(xiàn)這些變量 (甚至不出現(xiàn)也行) 。
Smarty的基礎(chǔ)
安裝Smarty
首先，我們先決定程序放置的位置。
Windows下可能會類似這樣的位置：「 d:\appserv\web\demo\ 」。
Linux下可能會類似這樣的位置：「 /home/jaceju/public_html/ 」。
到Smarty的官方網(wǎng)站下載最新的Smarty套件：http://smarty.php.net。
解開 Smarty 2.6.0 后，會看到很多檔案，其中有個 libs 資料夾。在 libs 中應(yīng)該會有 3 個 class.php 檔 + 1 個 debug.tpl + 1 個 plugin 資料夾 + 1 個 core 資料夾。然后直接將 libs 復(fù)制到您的程序主資料夾下，再更名為 class 就可以了。就這樣？沒錯！這種安裝法比較簡單，適合一般沒有自己主機(jī)的使用者。
至于 Smarty 官方手冊中為什么要介紹一些比較復(fù)雜的安裝方式呢？基本上依照官方的方式安裝，可以只在主機(jī)安裝一次，然后提供給該主機(jī)下所有設(shè)計者開發(fā)不同程序時直接引用，而不會重復(fù)安裝太多的 Smarty 復(fù)本。而筆者所提供的方式則是適合要把程序帶過來移過去的程序開發(fā)者使用，這樣不用煩惱主機(jī)有沒有安裝 Smarty 。
程序的資料夾設(shè)定
以筆者在Windows安裝Appserv為例，程序的主資料夾是「d:\appserv\web\demo\」。安裝好Smarty后，我們在主資料夾下再建立這樣的資料夾：
在 Linux 底下，請記得將 templates_c 的權(quán)限變更為 777 。Windows 下則將其只讀取消。
第一個用Smarty寫的小程序
我們先設(shè)定 Smarty 的路徑，請將以下這個檔案命名為 main.php ，并放置到主資料夾下：
main.php:
<?php
include "class/Smarty.class.php";
define('__SITE_ROOT', 'd:/appserv/web/demo'); // 最后沒有斜線
$tpl = new Smarty();
$tpl->template_dir = __SITE_ROOT . "/templates/";
$tpl->compile_dir = __SITE_ROOT . "/templates_c/";
$tpl->config_dir = __SITE_ROOT . "/configs/";
$tpl->cache_dir = __SITE_ROOT . "/cache/";
$tpl->left_delimiter = '<{';
$tpl->right_delimiter = '}>';
?>
照上面方式設(shè)定的用意在于，程序如果要移植到其它地方，只要改 __SITE_ROOT 就可以啦。 (這里是參考 XOOPS 的 )
Smarty 的模版路徑設(shè)定好后，程序會依照這個路徑來抓所有模版的相對位置 (范例中是 'd:/appserv/web/demo/templates/' ) 。然后我們用 display() 這個 Smarty 方法來顯示我們的模版。
接下來我們在 templates 資料夾下放置一個 test.htm：(擴(kuò)展名叫什么都無所謂，但便于視覺設(shè)計師開發(fā)，筆者都還是以 .htm 為主。)
templates/test.htm:
<html>
<head>
<meta http-equiv="Content-Type" c>
<title><{$title}></title>
</head>
<body>
<{$content}>
</body>
</html>
現(xiàn)在我們要將上面的模版顯示出來，并將網(wǎng)頁標(biāo)題 ($title) 與內(nèi)容 ($content) 更換，請將以下檔案內(nèi)容命名為 test.php ，并放置在主資料夾下：
test.php:
<?php
require "main.php";
$tpl->assign("title", "測試用的網(wǎng)頁標(biāo)題");
$tpl->assign("content", "測試用的網(wǎng)頁內(nèi)容");
// 上面兩行也可以用這行代替
// $tpl->assign(array("title" => "測試用的網(wǎng)頁標(biāo)題", "content" => "測試用的網(wǎng)頁內(nèi)容"));
$tpl->display('test.htm');
?>
請打開瀏覽器，輸入 http://localhost/demo/test.php 試試看(依您的環(huán)境決定網(wǎng)址)，應(yīng)該會看到以下的畫面：
再到 templates_c 底下，我們會看到一個奇怪的資料夾 (%%179) ，再點選下去也是一個奇怪的資料夾 (%%1798044067) ，而其中有一個檔案：
templates_c/%%179/%%1798044067/test.htm.php:
<?php /* Smarty version 2.6.0, created on 2003-12-15 22:19:45 compiled from test.htm */ ?>
<html>
<head>
<meta http-equiv="Content-Type" c>
<title><?php echo $this->_tpl_vars['title']; ?></title>
</head>
<body>
<?php echo $this->_tpl_vars['content']; ?>
</body>
</html>
沒錯，這就是 Smarty 編譯過的檔案。它將我們在模版中的變量轉(zhuǎn)換成了 PHP 的語法來執(zhí)行，下次再讀取同樣的內(nèi)容時， Smarty 就會直接抓取這個檔案來執(zhí)行了。
最后我們整理一下整個 Smarty 程序撰寫步驟：
Step 1. 加載 Smarty 模版引擎。
Step 2. 建立 Smarty 對象。
Step 3. 設(shè)定 Smarty 對象的參數(shù)。
Step 4. 在程序中處理變量后，再用 Smarty 的 assign 方法將變量置入模版里。
Step 5. 利用 Smarty 的 display 方法將網(wǎng)頁秀出。
如何安排你的程序架構(gòu)
上面我們看到除了 Smarty 所需要的資料夾外 (class 、 configs 、 templates 、 templates_c) ，還有兩個資料夾： includes 、 modules 。其實這是筆者模仿 XOOPS 的架構(gòu)所建立出來的，因為 XOOPS 是筆者所接觸到的程序中，少數(shù)使用 Smarty 模版引擎的架站程序。所謂西瓜偎大邊，筆者這樣的程序架構(gòu)雖沒有 XOOPS 的百分之一強(qiáng)，但至少給人看時還有 XOOPS 撐腰。
includes 這個資料夾主要是用來放置一些 function 、 sql 檔，這樣在 main.php 就可以將它們引入了，如下：
main.php:
<?php
include "class/Smarty.class.php";
define('__SITE_ROOT', 'd:/appserv/web/demo'); // 最后沒有斜線
// 以 main.php 的位置為基準(zhǔn)
require_once "includes/functions.php";
require_once "includes/include.php";
$tpl = new Smarty();
$tpl->template_dir = __SITE_ROOT . "/templates/";
$tpl->compile_dir = __SITE_ROOT . "/templates_c/";
$tpl->config_dir = __SITE_ROOT . "/configs/";
$tpl->cache_dir = __SITE_ROOT . "/cache/";
$tpl->left_delimiter = '<{';
$tpl->right_delimiter = '}>';
?>
modules 這個資料夾則是用來放置程序模塊的，如此一來便不會把程序丟得到處都是，整體架構(gòu)一目了然。
上面我們也提到 main.php ，這是整個程序的主要核心，不論是常數(shù)定義、外部程序加載、共享變量建立等，都是在這里開始的。所以之后的模塊都只要將這個檔案包含進(jìn)來就可以啦。因此在程序流程規(guī)劃期間，就必須好好構(gòu)思 main.php 中應(yīng)該要放那些東西；當(dāng)然利用 include 或 require 指令，把每個環(huán)節(jié)清楚分離是再好不過了。
在上節(jié)提到的 Smarty 程序 5 步驟， main.php 就會幫我們先將前 3 個步驟做好，后面的模塊程序只要做后面兩個步驟就可以了。
從變量開始
如何使用變量
從上一章范例中，我們可以清楚地看到我們利用 <{ 及 }> 這兩個標(biāo)示符號將變量包起來。預(yù)設(shè)的標(biāo)示符號為 { 及 } ，但為了中文沖碼及 Javascript 的關(guān)系，因此筆者還是模仿 XOOPS ，將標(biāo)示符號換掉。變量的命名方式和 PHP 的變量命名方式是一模一樣的，前面也有個 $ 字號 (這和一般的模版引擎不同)。標(biāo)示符號就有點像是 PHP 中的 <?php 及 ?> (事實上它們的確會被替換成這個) ，所以以下的模版變量寫法都是可行的：
1. <{$var}>
2. <{ $var }> <!-- 和變量之間有空格 -->
3. <{$var
}> <!-- 啟始的標(biāo)示符號和結(jié)束的標(biāo)示符號不在同一行 -->
在 Smarty 里，變量預(yù)設(shè)是全域的，也就是說你只要指定一次就好了。指定兩次以上的話，變量內(nèi)容會以最后指定的為主。就算我們在主模版中加載了外部的子模版，子模版中同樣的變量一樣也會被替代，這樣我們就不用再針對子模版再做一次解析的動作。
而在 PHP 程序中，我們用 Smarty 的 assign 來將變量置放到模版中。 assign 的用法官方手冊中已經(jīng)寫得很多了，用法就如同上一節(jié)的范例所示。不過在重復(fù)區(qū)塊時，我們就必須將變量做一些手腳后，才能將變量 assign 到模版中，這在下一章再提。
修飾你的變量
上面我們提到 Smarty 變量呈現(xiàn)的風(fēng)貌是由模版自行決定的，所以 Smarty 提供了許多修飾變量的函式。使用的方法如下：
<{變量|修飾函式}> <!-- 當(dāng)修飾函式?jīng)]有參數(shù)時 -->
<{變量|修飾函式:"參數(shù)(非必要，視函式而定)"}> <!-- 當(dāng)修飾函式有參數(shù)時 -->
范例如下：
<{$var|nl2br}> <!-- 將變量中的換行字符換成 <br /> -->
<{$var|string_format:"%02d"}> <!-- 將變量格式化 -->
好，那為什么要讓模版自行決定變量呈現(xiàn)的風(fēng)貌？先看看底下的 HTML ，這是某個購物車結(jié)帳的部份畫面。
<input name="total" type="hidden" value="21000" />
總金額：21,000 元
一般模版引擎的模版可能會這樣寫：
<input name="total" type="hidden" value="{total}" />
總金額：{format_total} 元
它們的 PHP 程序中要這樣寫：
<?php
$total = 21000;
$tpl->assign("total", $total);
$tpl->assign("format_total", number_format($total));
?>
而 Smarty 的模版就可以這樣寫： (number_format 修飾函式請到Smarty 官方網(wǎng)頁下載)
<input name="total" type="hidden" value="<{$total}>" />
總金額：<{$total|number_format:""}> 元
Smarty 的 PHP 程序中只要這樣寫：
<?php
$total = 21000;
$tpl->assign("total", $total);
?>
所以在 Smarty 中我們只要指定一次變量，剩下的交給模版自行決定即可。這樣了解了嗎？這就是讓模版自行決定變量呈現(xiàn)風(fēng)貌的好處！
控制模版的內(nèi)容
重復(fù)的區(qū)塊
在 Smarty 樣板中，我們要重復(fù)一個區(qū)塊有兩種方式： foreach 及 section 。而在程序中我們則要 assign 一個數(shù)組，這個數(shù)組中可以包含數(shù)組數(shù)組。就像下面這個例子：
首先我們來看 PHP 程序是如何寫的：
test2.php:
<?php
require "main.php";
$array1 = array(1 => "蘋果", 2 => "菠蘿", 3 => "香蕉", 4 => "芭樂");
$tpl->assign("array1", $array1);
$array2 = array(
array("index1" => "data1-1", "index2" => "data1-2", "index3" => "data1-3"),
array("index1" => "data2-1", "index2" => "data2-2", "index3" => "data2-3"),
array("index1" => "data3-1", "index2" => "data3-2", "index3" => "data3-3"),
array("index1" => "data4-1", "index2" => "data4-2", "index3" => "data4-3"),
array("index1" => "data5-1", "index2" => "data5-2", "index3" => "data5-3"));
$tpl->assign("array2", $array2);
$tpl->display("test2.htm");
?>
而模版的寫法如下：
templates/test2.htm:
<html>
<head>
<meta http-equiv="Content-Type" c>
<title>測試重復(fù)區(qū)塊</title>
</head>
<body>
<pre>
利用 foreach 來呈現(xiàn) array1
<{foreach item=item1 from=$array1}>
<{$item1}>
<{/foreach}>
利用 section 來呈現(xiàn) array1
<{section name=sec1 loop=$array1}>
<{$array1[sec1]}>
<{/section}>
利用 foreach 來呈現(xiàn) array2
<{foreach item=index2 from=$array2}>
<{foreach key=key2 item=item2 from=$index2}>
<{$key2}>: <{$item2}>
<{/foreach}>
<{/foreach}>
利用 section 來呈現(xiàn) array1
<{section name=sec2 loop=$array2}>
index1: <{$array2[sec2].index1}>
index2: <{$array2[sec2].index2}>
index3: <{$array2[sec2].index3}>
<{/section}>
</pre>
</body>
</html>
執(zhí)行上例后，我們發(fā)現(xiàn)不管是 foreach 或 section 兩個執(zhí)行結(jié)果是一樣的。那么兩者到底有何不同呢？
第一個差別很明顯，就是foreach 要以巢狀處理的方式來呈現(xiàn)我們所 assign 的兩層數(shù)組變量，而 section 則以「主數(shù)組[循環(huán)名稱].子數(shù)組索引」即可將整個數(shù)組呈現(xiàn)出來。由此可知， Smarty 在模版中的 foreach 和 PHP 中的 foreach 是一樣的；而 section 則是 Smarty 為了處理如上列的數(shù)組變量所發(fā)展出來的敘述。當(dāng)然 section 的功能還不只如此，除了下一節(jié)所談到的巢狀資料呈現(xiàn)外，官方手冊中也提供了好幾個 section 的應(yīng)用范例。
不過要注意的是，丟給 section 的數(shù)組索引必須是從 0 開始的正整數(shù)，即 0, 1, 2, 3, ...。如果您的數(shù)組索引不是從 0 開始的正整數(shù)，那么就得改用 foreach 來呈現(xiàn)您的資料。您可以參考官方討論區(qū)中的此篇討論，其中探討了 section 和 foreach 的用法。
巢狀資料的呈現(xiàn)
模版引擎里最令人傷腦筋的大概就是巢狀資料的呈現(xiàn)吧，許多著名的模版引擎都會特意強(qiáng)調(diào)這點，不過這對 Smarty 來說卻是小兒科。
最常見到的巢狀資料，就算論譠程序中的討論主題區(qū)吧。假設(shè)要呈現(xiàn)的結(jié)果如下：
公告區(qū)
站務(wù)公告
文學(xué)專區(qū)
好書介紹
奇文共賞
計算機(jī)專區(qū)
硬件外圍
軟件討論
程序中我們先以靜態(tài)資料為例：
test3.php:
<?php
require "main.php";
$forum = array(
array("category_id" => 1, "category_name" => "公告區(qū)",
"topic" => array(
array("topic_id" => 1, "topic_name" => "站務(wù)公告")
)
),
array("category_id" => 2, "category_name" => "文學(xué)專區(qū)",
"topic" => array(
array("topic_id" => 2, "topic_name" => "好書介紹"),
array("topic_id" => 3, "topic_name" => "奇文共賞")
)
),
array("category_id" => 3, "category_name" => "計算機(jī)專區(qū)",
"topic" => array(
array("topic_id" => 4, "topic_name" => "硬件外圍"),
array("topic_id" => 5, "topic_name" => "軟件討論")
)
)
);
$tpl->assign("forum", $forum);
$tpl->display("test3.htm");
?>
模版的寫法如下：
templates/test3.htm:
<html>
<head>
<title>巢狀循環(huán)測試</title>
</head>
<body>
<table width="200" border="0" align="center" cellpadding="3" cellspacing="0">
<{section name=sec1 loop=$forum}>
<tr>
<td colspan="2"><{$forum[sec1].category_name}></td>
</tr>
<{section name=sec2 loop=$forum[sec1].topic}>
<tr>
<td width="25"> </td>
<td width="164"><{$forum[sec1].topic[sec2].topic_name}></td>
</tr>
<{/section}>
<{/section}>
</table>
</body>
</html>
執(zhí)行的結(jié)果就像筆者舉的例子一樣。
因此呢，在程序中我們只要想辦法把所要重復(fù)值一層一層的塞到數(shù)組中，再利用 <{第一層數(shù)組[循環(huán)1].第二層數(shù)組[循環(huán)2].第三層數(shù)組[循環(huán)3]. ... .數(shù)組索引}> 這樣的方式來顯示每一個巢狀循環(huán)中的值。至于用什么方法呢？下一節(jié)使用數(shù)據(jù)庫時我們再提。
轉(zhuǎn)換數(shù)據(jù)庫中的資料
上面提到如何顯示巢狀循環(huán)，而實際上應(yīng)用時我們的資料可能是從數(shù)據(jù)庫中抓取出來的，所以我們就得想辦法把數(shù)據(jù)庫的資料變成上述的多重數(shù)組的形式。這里筆者用一個 DB 類別來抓取數(shù)據(jù)庫中的資料，您可以自行用您喜歡的方法。
我們只修改 PHP 程序，模版還是上面那個 (這就是模版引擎的好處~)，其中 $db 這個對象假設(shè)已經(jīng)在 main.php 中建立好了，而且抓出來的資料就是上面的例子。
test3.php:
<?php
require "main.php";
// 先建立第一層數(shù)組
$category = array();
$db->setSQL($SQL1, 'CATEGORY');
if (!$db->query('CATEGORY')) die($db->error());
// 抓取第一層循環(huán)的資料
while ($item_category = $db->fetchAssoc('CATEGORY'))
{
// 建立第二層數(shù)組
$topic = array();
$db->setSQL(sprintf($SQL2, $item_category['category_id']), 'TOPIC');
if (!$db->query('TOPIC')) die($db->error());
// 抓取第二層循環(huán)的資料
while ($item_topic = $db->fetchAssoc('TOPIC'))
{
// 把抓取的數(shù)據(jù)推入第二層數(shù)組中
array_push($topic, $item_topic);
}
// 把第二層數(shù)組指定為第一層數(shù)組所抓取的數(shù)據(jù)中的一個成員
$item_category['topic'] = $topic;
// 把第一層數(shù)據(jù)推入第一層數(shù)組中
array_push($category, $item_category);
}
$tpl->assign("forum", $category);
$tpl->display("test3.htm");
?>
在數(shù)據(jù)庫抓取一筆資料后，我們得到的是一個包含該筆數(shù)據(jù)的數(shù)組。透過 while 敘述及 array_push 函式，我們將數(shù)據(jù)庫中的資料一筆一筆塞到數(shù)組里。如果您只用到單層循環(huán)，就把第二層循環(huán) (紅色的部份) 去掉即可。
決定內(nèi)容是否顯示
要決定是否顯示內(nèi)容，我們可以使用 if 這個語法來做選擇。例如如果使用者已經(jīng)登入的話，我們的模版就可以這樣寫：
<{if $is_login == true}>
顯示使用者操作選單
<{else}>
顯示輸入帳號和密碼的窗體
<{/if}>
要注意的是，「==」號兩邊一定要各留至少一個空格符，否則 Smarty 會無法解析。
if 語法一般的應(yīng)用可以參照官方使用說明，所以筆者在這里就不詳加介紹了。不過筆者發(fā)現(xiàn)了一個有趣的應(yīng)用：常常會看到程序里要產(chǎn)生這樣的一個表格： (數(shù)字代表的是資料集的順序)
1 2
3 4
5 6
7 8
這個筆者稱之為「橫向重復(fù)表格」。它的特色和傳統(tǒng)的縱向重復(fù)不同，前幾節(jié)我們看到的重復(fù)表格都是從上而下，一列只有一筆資料。而橫向重復(fù)表格則可以橫向地在一列中產(chǎn)生 n 筆資料后，再換下一列，直到整個循環(huán)結(jié)束。要達(dá)到這樣的功能，最簡單的方式只需要 section 和 if 搭配即可。
我們來看看下面這個例子：
test4.php:
<?php
require "main.php";
$my_array = array(
array("value" => "0"),
array("value" => "1"),
array("value" => "2"),
array("value" => "3"),
array("value" => "4"),
array("value" => "5"),
array("value" => "6"),
array("value" => "7"),
array("value" => "8"),
array("value" => "9"));
$tpl->assign("my_array", $my_array);
$tpl->display('test4.htm');
?>
模版的寫法如下：
templates/test4.htm:
<html>
<head>
<title>橫向重復(fù)表格測試</title>
</head>
<body>
<table width="500" border="1" cellspacing="0" cellpadding="3">
<tr>
<{section name=sec1 loop=$my_array}>
<td><{$my_array[sec1].value}></td>
<{if $smarty.section.sec1.rownum is div by 2}>
</tr>
<tr>
<{/if}>
<{/section}>
</tr>
</table>
</body>
</html>
重點在于 $smarty.section.sec1.rownum 這個 Smarty 變量，在 section 循環(huán)中這個變量會取得從 1 開始的索引值，所以當(dāng) rownum 能被 2 除盡時，就輸出 </tr><tr> 使表格換列 (注意！是 </tr> 在前面<tr> 在后面) 。因此數(shù)字 2 就是我們在一列中想要呈現(xiàn)的資料筆數(shù)。各位可以由此去變化其它不同的呈現(xiàn)方式。
加載外部內(nèi)容
我們可以在模版內(nèi)加載 PHP 程序代碼或是另一個子模版，分別是使用 include_php 及 include 這兩個 Smarty 模版語法； include_php 筆者較少用，使用方式可以查詢官方手冊，這里不再敘述。
在使用 include 時，我們可以預(yù)先加載子模版，或是動態(tài)加載子模版。預(yù)先加載通常使用在有共同的文件標(biāo)頭及版權(quán)宣告；而動態(tài)加載則可以用在統(tǒng)一的框架頁，而進(jìn)一步達(dá)到如 Winamp 般可換 Skin 。當(dāng)然這兩種我們也可以混用，視狀況而定。
我們來看看下面這個例子：
test5.php:
<?php
require "main.php";
$tpl->assign("title", "Include 測試");
$tpl->assign("content", "這是模版 2 中的變量");
$tpl->assign("dyn_page", "test5_3.htm");
$tpl->display('test5_1.htm');
?>
模版 1 的寫法如下：
templates/test5_1.htm:
<html>
<head>
<meta http-equiv="Content-Type" c>
<title><{$title}></title>
</head>
<body>
<{include file="test5_2.htm"}><br />
<{include file=$dyn_page}>
<{include file="test5_4.htm" custom_var="自訂變量的內(nèi)容"}>
</body>
</html>
模版 2 的寫法如下：
templates/test5_2.htm:
<{$content}>
模版 3 的寫法如下：
templates/test5_3.htm:
這是模版 3 的內(nèi)容
模版 4 的寫法如下：
templates/test5_4.htm:
<{$custom_var}>
這里注意幾個重點：1. 模版的位置都是以先前定義的 template_dir 為基準(zhǔn)；2. 所有 include 進(jìn)來的子模版中，其變量也會被解譯。；3. include 中可以用「變量名稱=變量內(nèi)容」來指定引含進(jìn)來的模版中所包含的變量，如同上面模版 4 的做法。
這篇文章的主要用意并非要深入探討 Smarty 的使用，這在官方使用說明中都已經(jīng)寫得很完整了。筆者僅在此寫下一些自己使用上的心得，讓想要了解 Smarty 卻不得其門而入的朋友，可以從中得到一些啟示。就因為這篇文章的內(nèi)容不是非常深入，會使用 Smarty 的朋友們可能會覺得簡單了點。
目前本文已經(jīng)第三次修訂了，本想多加一些料進(jìn)來；不過礙于時間的關(guān)系，很多 Smarty 的進(jìn)階技巧筆者并沒有研究得很透徹，所以也不敢拿出來現(xiàn)眼，但筆者相信這篇文章應(yīng)該能夠滿足大多數(shù)想學(xué)習(xí) Smarty 的初學(xué)者了。當(dāng)然本文有謬誤的地方也歡迎告知，筆者會在下一次的修訂中更正的。
Smarty介紹
什么是模版引擎
不知道從什么時候開始，有人開始對 HTML 內(nèi)嵌入 Server Script 覺得不太滿意。然而不論是微軟的 ASP 或是開放源碼的 PHP，都是屬于內(nèi)嵌 Server Script 的網(wǎng)頁伺服端語言。因此也就有人想到，如果能把程序應(yīng)用邏輯 (或稱商業(yè)應(yīng)用邏輯) 與網(wǎng)頁呈現(xiàn) (Layout) 邏輯分離的話，是不是會比較好呢？
其實這個問題早就存在已久，從交互式網(wǎng)頁開始風(fēng)行時，不論是 ASP 或是 PHP 的使用者都是身兼程序開發(fā)者與視覺設(shè)計師兩種身份。可是通常這些使用者不是程序強(qiáng)就是美工強(qiáng)，如果要兩者同時兼顧，那可得死掉不少腦細(xì)胞...
所以模版引擎就應(yīng)運而生啦！模版引擎的目的，就是要達(dá)到上述提到的邏輯分離的功能。它能讓程序開發(fā)者專注于資料的控制或是功能的達(dá)成；而視覺設(shè)計師則可專注于網(wǎng)頁排版，讓網(wǎng)頁看起來更具有專業(yè)感！因此模版引擎很適合公司的網(wǎng)站開發(fā)團(tuán)隊使用，使每個人都能發(fā)揮其專長！
就筆者接觸過的模版引擎來說，依資料呈現(xiàn)方式大概分成：需搭配程序處理的模版引擎和完全由模版本身自行決定的模版引擎兩種形式。
在需搭配程序處理的模版引擎中，程序開發(fā)者必須要負(fù)責(zé)變量的呈現(xiàn)邏輯，也就是說他必須把變量的內(nèi)容在輸出到模版前先處理好，才能做 assign 的工作。換句話說，程序開發(fā)者還是得多寫一些程序來決定變量呈現(xiàn)的風(fēng)貌。而完全由模版本身自行決定的模版引擎，它允許變量直接 assign 到模版中，讓視覺設(shè)計師在設(shè)計模版時再決定變量要如何呈現(xiàn)。因此它就可能會有另一套屬于自己的模版程序語法 (如 Smarty) ，以方便控制變量的呈現(xiàn)。但這樣一來，視覺設(shè)計師也得學(xué)習(xí)如何使用模版語言。
模版引擎的運作原理，首先我們先看看以下的運行圖：
一般的模版引擎 (如 PHPLib) 都是在建立模版對象時取得要解析的模版，然后把變量套入后，透過 parse() 這個方法來解析模版，最后再將網(wǎng)頁輸出。
對 Smarty 的使用者來說，程序里也不需要做任何 parse 的動作了，這些 Smarty 自動會幫我們做。而且已經(jīng)編譯過的網(wǎng)頁，如果模版沒有變動的話， Smarty 就自動跳過編譯的動作，直接執(zhí)行編譯過的網(wǎng)頁，以節(jié)省編譯的時間。
使用Smarty的一些概念
在一般模版引擎中，我們常看到區(qū)域的觀念，所謂區(qū)塊大概都會長成這樣：
<!-- START : Block name -->
區(qū)域內(nèi)容
<!-- END : Block name -->
這些區(qū)塊大部份都會在 PHP 程序中以 if 或 for, while 來控制它們的顯示狀態(tài)，雖然模版看起來簡潔多了，但只要一換了顯示方式不同的模版， PHP 程序勢必要再改一次！
在 Smarty 中，一切以變量為主，所有的呈現(xiàn)邏輯都讓模版自行控制。因為 Smarty 會有自己的模版語言，所以不管是區(qū)塊是否要顯示還是要重復(fù)，都是用 Smarty 的模版語法 (if, foreach, section) 搭配變量內(nèi)容作呈現(xiàn)。這樣一來感覺上好象模版變得有點復(fù)雜，但好處是只要規(guī)劃得當(dāng)， PHP 程序一行都不必改。
由上面的說明，我們可以知道使用Smarty 要掌握一個原則：將程序應(yīng)用邏輯與網(wǎng)頁呈現(xiàn)邏輯明確地分離。就是說 PHP 程序里不要有太多的 HTML 碼。程序中只要決定好那些變量要塞到模版里，讓模版自己決定該如何呈現(xiàn)這些變量 (甚至不出現(xiàn)也行) 。
Smarty的基礎(chǔ)
安裝Smarty
首先，我們先決定程序放置的位置。
Windows下可能會類似這樣的位置：「 d:\appserv\web\demo\ 」。
Linux下可能會類似這樣的位置：「 /home/jaceju/public_html/ 」。
到Smarty的官方網(wǎng)站下載最新的Smarty套件：http://smarty.php.net。
解開 Smarty 2.6.0 后，會看到很多檔案，其中有個 libs 資料夾。在 libs 中應(yīng)該會有 3 個 class.php 檔 + 1 個 debug.tpl + 1 個 plugin 資料夾 + 1 個 core 資料夾。然后直接將 libs 復(fù)制到您的程序主資料夾下，再更名為 class 就可以了。就這樣？沒錯！這種安裝法比較簡單，適合一般沒有自己主機(jī)的使用者。
至于 Smarty 官方手冊中為什么要介紹一些比較復(fù)雜的安裝方式呢？基本上依照官方的方式安裝，可以只在主機(jī)安裝一次，然后提供給該主機(jī)下所有設(shè)計者開發(fā)不同程序時直接引用，而不會重復(fù)安裝太多的 Smarty 復(fù)本。而筆者所提供的方式則是適合要把程序帶過來移過去的程序開發(fā)者使用，這樣不用煩惱主機(jī)有沒有安裝 Smarty 。
程序的資料夾設(shè)定
以筆者在Windows安裝Appserv為例，程序的主資料夾是「d:\appserv\web\demo\」。安裝好Smarty后，我們在主資料夾下再建立這樣的資料夾：
在 Linux 底下，請記得將 templates_c 的權(quán)限變更為 777 。Windows 下則將其只讀取消。
第一個用Smarty寫的小程序
我們先設(shè)定 Smarty 的路徑，請將以下這個檔案命名為 main.php ，并放置到主資料夾下：
main.php:
<?php
include "class/Smarty.class.php";
define('__SITE_ROOT', 'd:/appserv/web/demo'); // 最后沒有斜線
$tpl = new Smarty();
$tpl->template_dir = __SITE_ROOT . "/templates/";
$tpl->compile_dir = __SITE_ROOT . "/templates_c/";
$tpl->config_dir = __SITE_ROOT . "/configs/";
$tpl->cache_dir = __SITE_ROOT . "/cache/";
$tpl->left_delimiter = '<{';
$tpl->right_delimiter = '}>';
?>
照上面方式設(shè)定的用意在于，程序如果要移植到其它地方，只要改 __SITE_ROOT 就可以啦。 (這里是參考 XOOPS 的 )
Smarty 的模版路徑設(shè)定好后，程序會依照這個路徑來抓所有模版的相對位置 (范例中是 'd:/appserv/web/demo/templates/' ) 。然后我們用 display() 這個 Smarty 方法來顯示我們的模版。
接下來我們在 templates 資料夾下放置一個 test.htm：(擴(kuò)展名叫什么都無所謂，但便于視覺設(shè)計師開發(fā)，筆者都還是以 .htm 為主。)
templates/test.htm:
<html>
<head>
<meta http-equiv="Content-Type" c>
<title><{$title}></title>
</head>
<body>
<{$content}>
</body>
</html>
現(xiàn)在我們要將上面的模版顯示出來，并將網(wǎng)頁標(biāo)題 ($title) 與內(nèi)容 ($content) 更換，請將以下檔案內(nèi)容命名為 test.php ，并放置在主資料夾下：
test.php:
<?php
require "main.php";
$tpl->assign("title", "測試用的網(wǎng)頁標(biāo)題");
$tpl->assign("content", "測試用的網(wǎng)頁內(nèi)容");
// 上面兩行也可以用這行代替
// $tpl->assign(array("title" => "測試用的網(wǎng)頁標(biāo)題", "content" => "測試用的網(wǎng)頁內(nèi)容"));
$tpl->display('test.htm');
?>
請打開瀏覽器，輸入 http://localhost/demo/test.php 試試看(依您的環(huán)境決定網(wǎng)址)，應(yīng)該會看到以下的畫面：
再到 templates_c 底下，我們會看到一個奇怪的資料夾 (%%179) ，再點選下去也是一個奇怪的資料夾 (%%1798044067) ，而其中有一個檔案：
templates_c/%%179/%%1798044067/test.htm.php:
<?php /* Smarty version 2.6.0, created on 2003-12-15 22:19:45 compiled from test.htm */ ?>
<html>
<head>
<meta http-equiv="Content-Type" c>
<title><?php echo $this->_tpl_vars['title']; ?></title>
</head>
<body>
<?php echo $this->_tpl_vars['content']; ?>
</body>
</html>
沒錯，這就是 Smarty 編譯過的檔案。它將我們在模版中的變量轉(zhuǎn)換成了 PHP 的語法來執(zhí)行，下次再讀取同樣的內(nèi)容時， Smarty 就會直接抓取這個檔案來執(zhí)行了。
最后我們整理一下整個 Smarty 程序撰寫步驟：
Step 1. 加載 Smarty 模版引擎。
Step 2. 建立 Smarty 對象。
Step 3. 設(shè)定 Smarty 對象的參數(shù)。
Step 4. 在程序中處理變量后，再用 Smarty 的 assign 方法將變量置入模版里。
Step 5. 利用 Smarty 的 display 方法將網(wǎng)頁秀出。
如何安排你的程序架構(gòu)
上面我們看到除了 Smarty 所需要的資料夾外 (class 、 configs 、 templates 、 templates_c) ，還有兩個資料夾： includes 、 modules 。其實這是筆者模仿 XOOPS 的架構(gòu)所建立出來的，因為 XOOPS 是筆者所接觸到的程序中，少數(shù)使用 Smarty 模版引擎的架站程序。所謂西瓜偎大邊，筆者這樣的程序架構(gòu)雖沒有 XOOPS 的百分之一強(qiáng)，但至少給人看時還有 XOOPS 撐腰。
includes 這個資料夾主要是用來放置一些 function 、 sql 檔，這樣在 main.php 就可以將它們引入了，如下：
main.php:
<?php
include "class/Smarty.class.php";
define('__SITE_ROOT', 'd:/appserv/web/demo'); // 最后沒有斜線
// 以 main.php 的位置為基準(zhǔn)
require_once "includes/functions.php";
require_once "includes/include.php";
$tpl = new Smarty();
$tpl->template_dir = __SITE_ROOT . "/templates/";
$tpl->compile_dir = __SITE_ROOT . "/templates_c/";
$tpl->config_dir = __SITE_ROOT . "/configs/";
$tpl->cache_dir = __SITE_ROOT . "/cache/";
$tpl->left_delimiter = '<{';
$tpl->right_delimiter = '}>';
?>
modules 這個資料夾則是用來放置程序模塊的，如此一來便不會把程序丟得到處都是，整體架構(gòu)一目了然。
上面我們也提到 main.php ，這是整個程序的主要核心，不論是常數(shù)定義、外部程序加載、共享變量建立等，都是在這里開始的。所以之后的模塊都只要將這個檔案包含進(jìn)來就可以啦。因此在程序流程規(guī)劃期間，就必須好好構(gòu)思 main.php 中應(yīng)該要放那些東西；當(dāng)然利用 include 或 require 指令，把每個環(huán)節(jié)清楚分離是再好不過了。
在上節(jié)提到的 Smarty 程序 5 步驟， main.php 就會幫我們先將前 3 個步驟做好，后面的模塊程序只要做后面兩個步驟就可以了。
從變量開始
如何使用變量
從上一章范例中，我們可以清楚地看到我們利用 <{ 及 }> 這兩個標(biāo)示符號將變量包起來。預(yù)設(shè)的標(biāo)示符號為 { 及 } ，但為了中文沖碼及 Javascript 的關(guān)系，因此筆者還是模仿 XOOPS ，將標(biāo)示符號換掉。變量的命名方式和 PHP 的變量命名方式是一模一樣的，前面也有個 $ 字號 (這和一般的模版引擎不同)。標(biāo)示符號就有點像是 PHP 中的 <?php 及 ?> (事實上它們的確會被替換成這個) ，所以以下的模版變量寫法都是可行的：
1. <{$var}>
2. <{ $var }> <!-- 和變量之間有空格 -->
3. <{$var
}> <!-- 啟始的標(biāo)示符號和結(jié)束的標(biāo)示符號不在同一行 -->
在 Smarty 里，變量預(yù)設(shè)是全域的，也就是說你只要指定一次就好了。指定兩次以上的話，變量內(nèi)容會以最后指定的為主。就算我們在主模版中加載了外部的子模版，子模版中同樣的變量一樣也會被替代，這樣我們就不用再針對子模版再做一次解析的動作。
而在 PHP 程序中，我們用 Smarty 的 assign 來將變量置放到模版中。 assign 的用法官方手冊中已經(jīng)寫得很多了，用法就如同上一節(jié)的范例所示。不過在重復(fù)區(qū)塊時，我們就必須將變量做一些手腳后，才能將變量 assign 到模版中，這在下一章再提。
修飾你的變量
上面我們提到 Smarty 變量呈現(xiàn)的風(fēng)貌是由模版自行決定的，所以 Smarty 提供了許多修飾變量的函式。使用的方法如下：
<{變量|修飾函式}> <!-- 當(dāng)修飾函式?jīng)]有參數(shù)時 -->
<{變量|修飾函式:"參數(shù)(非必要，視函式而定)"}> <!-- 當(dāng)修飾函式有參數(shù)時 -->
范例如下：
<{$var|nl2br}> <!-- 將變量中的換行字符換成 <br /> -->
<{$var|string_format:"%02d"}> <!-- 將變量格式化 -->
好，那為什么要讓模版自行決定變量呈現(xiàn)的風(fēng)貌？先看看底下的 HTML ，這是某個購物車結(jié)帳的部份畫面。
<input name="total" type="hidden" value="21000" />
總金額：21,000 元
一般模版引擎的模版可能會這樣寫：
<input name="total" type="hidden" value="{total}" />
總金額：{format_total} 元
它們的 PHP 程序中要這樣寫：
<?php
$total = 21000;
$tpl->assign("total", $total);
$tpl->assign("format_total", number_format($total));
?>
而 Smarty 的模版就可以這樣寫： (number_format 修飾函式請到Smarty 官方網(wǎng)頁下載)
<input name="total" type="hidden" value="<{$total}>" />
總金額：<{$total|number_format:""}> 元
Smarty 的 PHP 程序中只要這樣寫：
<?php
$total = 21000;
$tpl->assign("total", $total);
?>
所以在 Smarty 中我們只要指定一次變量，剩下的交給模版自行決定即可。這樣了解了嗎？這就是讓模版自行決定變量呈現(xiàn)風(fēng)貌的好處！
控制模版的內(nèi)容
重復(fù)的區(qū)塊
在 Smarty 樣板中，我們要重復(fù)一個區(qū)塊有兩種方式： foreach 及 section 。而在程序中我們則要 assign 一個數(shù)組，這個數(shù)組中可以包含數(shù)組數(shù)組。就像下面這個例子：
首先我們來看 PHP 程序是如何寫的：
test2.php:
<?php
require "main.php";
$array1 = array(1 => "蘋果", 2 => "菠蘿", 3 => "香蕉", 4 => "芭樂");
$tpl->assign("array1", $array1);
$array2 = array(
array("index1" => "data1-1", "index2" => "data1-2", "index3" => "data1-3"),
array("index1" => "data2-1", "index2" => "data2-2", "index3" => "data2-3"),
array("index1" => "data3-1", "index2" => "data3-2", "index3" => "data3-3"),
array("index1" => "data4-1", "index2" => "data4-2", "index3" => "data4-3"),
array("index1" => "data5-1", "index2" => "data5-2", "index3" => "data5-3"));
$tpl->assign("array2", $array2);
$tpl->display("test2.htm");
?>
而模版的寫法如下：
templates/test2.htm:
<html>
<head>
<meta http-equiv="Content-Type" c>
<title>測試重復(fù)區(qū)塊</title>
</head>
<body>
<pre>
利用 foreach 來呈現(xiàn) array1
<{foreach item=item1 from=$array1}>
<{$item1}>
<{/foreach}>
利用 section 來呈現(xiàn) array1
<{section name=sec1 loop=$array1}>
<{$array1[sec1]}>
<{/section}>
利用 foreach 來呈現(xiàn) array2
<{foreach item=index2 from=$array2}>
<{foreach key=key2 item=item2 from=$index2}>
<{$key2}>: <{$item2}>
<{/foreach}>
<{/foreach}>
利用 section 來呈現(xiàn) array1
<{section name=sec2 loop=$array2}>
index1: <{$array2[sec2].index1}>
index2: <{$array2[sec2].index2}>
index3: <{$array2[sec2].index3}>
<{/section}>
</pre>
</body>
</html>
執(zhí)行上例后，我們發(fā)現(xiàn)不管是 foreach 或 section 兩個執(zhí)行結(jié)果是一樣的。那么兩者到底有何不同呢？
第一個差別很明顯，就是foreach 要以巢狀處理的方式來呈現(xiàn)我們所 assign 的兩層數(shù)組變量，而 section 則以「主數(shù)組[循環(huán)名稱].子數(shù)組索引」即可將整個數(shù)組呈現(xiàn)出來。由此可知， Smarty 在模版中的 foreach 和 PHP 中的 foreach 是一樣的；而 section 則是 Smarty 為了處理如上列的數(shù)組變量所發(fā)展出來的敘述。當(dāng)然 section 的功能還不只如此，除了下一節(jié)所談到的巢狀資料呈現(xiàn)外，官方手冊中也提供了好幾個 section 的應(yīng)用范例。
不過要注意的是，丟給 section 的數(shù)組索引必須是從 0 開始的正整數(shù)，即 0, 1, 2, 3, ...。如果您的數(shù)組索引不是從 0 開始的正整數(shù)，那么就得改用 foreach 來呈現(xiàn)您的資料。您可以參考官方討論區(qū)中的此篇討論，其中探討了 section 和 foreach 的用法。
巢狀資料的呈現(xiàn)
模版引擎里最令人傷腦筋的大概就是巢狀資料的呈現(xiàn)吧，許多著名的模版引擎都會特意強(qiáng)調(diào)這點，不過這對 Smarty 來說卻是小兒科。
最常見到的巢狀資料，就算論譠程序中的討論主題區(qū)吧。假設(shè)要呈現(xiàn)的結(jié)果如下：
公告區(qū)
站務(wù)公告
文學(xué)專區(qū)
好書介紹
奇文共賞
計算機(jī)專區(qū)
硬件外圍
軟件討論
程序中我們先以靜態(tài)資料為例：
test3.php:
<?php
require "main.php";
$forum = array(
array("category_id" => 1, "category_name" => "公告區(qū)",
"topic" => array(
array("topic_id" => 1, "topic_name" => "站務(wù)公告")
)
),
array("category_id" => 2, "category_name" => "文學(xué)專區(qū)",
"topic" => array(
array("topic_id" => 2, "topic_name" => "好書介紹"),
array("topic_id" => 3, "topic_name" => "奇文共賞")
)
),
array("category_id" => 3, "category_name" => "計算機(jī)專區(qū)",
"topic" => array(
array("topic_id" => 4, "topic_name" => "硬件外圍"),
array("topic_id" => 5, "topic_name" => "軟件討論")
)
)
);
$tpl->assign("forum", $forum);
$tpl->display("test3.htm");
?>
模版的寫法如下：
templates/test3.htm:
<html>
<head>
<title>巢狀循環(huán)測試</title>
</head>
<body>
<table width="200" border="0" align="center" cellpadding="3" cellspacing="0">
<{section name=sec1 loop=$forum}>
<tr>
<td colspan="2"><{$forum[sec1].category_name}></td>
</tr>
<{section name=sec2 loop=$forum[sec1].topic}>
<tr>
<td width="25"> </td>
<td width="164"><{$forum[sec1].topic[sec2].topic_name}></td>
</tr>
<{/section}>
<{/section}>
</table>
</body>
</html>
執(zhí)行的結(jié)果就像筆者舉的例子一樣。
因此呢，在程序中我們只要想辦法把所要重復(fù)值一層一層的塞到數(shù)組中，再利用 <{第一層數(shù)組[循環(huán)1].第二層數(shù)組[循環(huán)2].第三層數(shù)組[循環(huán)3]. ... .數(shù)組索引}> 這樣的方式來顯示每一個巢狀循環(huán)中的值。至于用什么方法呢？下一節(jié)使用數(shù)據(jù)庫時我們再提。
轉(zhuǎn)換數(shù)據(jù)庫中的資料
上面提到如何顯示巢狀循環(huán)，而實際上應(yīng)用時我們的資料可能是從數(shù)據(jù)庫中抓取出來的，所以我們就得想辦法把數(shù)據(jù)庫的資料變成上述的多重數(shù)組的形式。這里筆者用一個 DB 類別來抓取數(shù)據(jù)庫中的資料，您可以自行用您喜歡的方法。
我們只修改 PHP 程序，模版還是上面那個 (這就是模版引擎的好處~)，其中 $db 這個對象假設(shè)已經(jīng)在 main.php 中建立好了，而且抓出來的資料就是上面的例子。
test3.php:
<?php
require "main.php";
// 先建立第一層數(shù)組
$category = array();
$db->setSQL($SQL1, 'CATEGORY');
if (!$db->query('CATEGORY')) die($db->error());
// 抓取第一層循環(huán)的資料
while ($item_category = $db->fetchAssoc('CATEGORY'))
{
// 建立第二層數(shù)組
$topic = array();
$db->setSQL(sprintf($SQL2, $item_category['category_id']), 'TOPIC');
if (!$db->query('TOPIC')) die($db->error());
// 抓取第二層循環(huán)的資料
while ($item_topic = $db->fetchAssoc('TOPIC'))
{
// 把抓取的數(shù)據(jù)推入第二層數(shù)組中
array_push($topic, $item_topic);
}
// 把第二層數(shù)組指定為第一層數(shù)組所抓取的數(shù)據(jù)中的一個成員
$item_category['topic'] = $topic;
// 把第一層數(shù)據(jù)推入第一層數(shù)組中
array_push($category, $item_category);
}
$tpl->assign("forum", $category);
$tpl->display("test3.htm");
?>
在數(shù)據(jù)庫抓取一筆資料后，我們得到的是一個包含該筆數(shù)據(jù)的數(shù)組。透過 while 敘述及 array_push 函式，我們將數(shù)據(jù)庫中的資料一筆一筆塞到數(shù)組里。如果您只用到單層循環(huán)，就把第二層循環(huán) (紅色的部份) 去掉即可。
決定內(nèi)容是否顯示
要決定是否顯示內(nèi)容，我們可以使用 if 這個語法來做選擇。例如如果使用者已經(jīng)登入的話，我們的模版就可以這樣寫：
<{if $is_login == true}>
顯示使用者操作選單
<{else}>
顯示輸入帳號和密碼的窗體
<{/if}>
要注意的是，「==」號兩邊一定要各留至少一個空格符，否則 Smarty 會無法解析。
if 語法一般的應(yīng)用可以參照官方使用說明，所以筆者在這里就不詳加介紹了。不過筆者發(fā)現(xiàn)了一個有趣的應(yīng)用：常常會看到程序里要產(chǎn)生這樣的一個表格： (數(shù)字代表的是資料集的順序)
1 2
3 4
5 6
7 8
這個筆者稱之為「橫向重復(fù)表格」。它的特色和傳統(tǒng)的縱向重復(fù)不同，前幾節(jié)我們看到的重復(fù)表格都是從上而下，一列只有一筆資料。而橫向重復(fù)表格則可以橫向地在一列中產(chǎn)生 n 筆資料后，再換下一列，直到整個循環(huán)結(jié)束。要達(dá)到這樣的功能，最簡單的方式只需要 section 和 if 搭配即可。
我們來看看下面這個例子：
test4.php:
<?php
require "main.php";
$my_array = array(
array("value" => "0"),
array("value" => "1"),
array("value" => "2"),
array("value" => "3"),
array("value" => "4"),
array("value" => "5"),
array("value" => "6"),
array("value" => "7"),
array("value" => "8"),
array("value" => "9"));
$tpl->assign("my_array", $my_array);
$tpl->display('test4.htm');
?>
模版的寫法如下：
templates/test4.htm:
<html>
<head>
<title>橫向重復(fù)表格測試</title>
</head>
<body>
<table width="500" border="1" cellspacing="0" cellpadding="3">
<tr>
<{section name=sec1 loop=$my_array}>
<td><{$my_array[sec1].value}></td>
<{if $smarty.section.sec1.rownum is div by 2}>
</tr>
<tr>
<{/if}>
<{/section}>
</tr>
</table>
</body>
</html>
重點在于 $smarty.section.sec1.rownum 這個 Smarty 變量，在 section 循環(huán)中這個變量會取得從 1 開始的索引值，所以當(dāng) rownum 能被 2 除盡時，就輸出 </tr><tr> 使表格換列 (注意！是 </tr> 在前面<tr> 在后面) 。因此數(shù)字 2 就是我們在一列中想要呈現(xiàn)的資料筆數(shù)。各位可以由此去變化其它不同的呈現(xiàn)方式。
加載外部內(nèi)容
我們可以在模版內(nèi)加載 PHP 程序代碼或是另一個子模版，分別是使用 include_php 及 include 這兩個 Smarty 模版語法； include_php 筆者較少用，使用方式可以查詢官方手冊，這里不再敘述。
在使用 include 時，我們可以預(yù)先加載子模版，或是動態(tài)加載子模版。預(yù)先加載通常使用在有共同的文件標(biāo)頭及版權(quán)宣告；而動態(tài)加載則可以用在統(tǒng)一的框架頁，而進(jìn)一步達(dá)到如 Winamp 般可換 Skin 。當(dāng)然這兩種我們也可以混用，視狀況而定。
我們來看看下面這個例子：
test5.php:
<?php
require "main.php";
$tpl->assign("title", "Include 測試");
$tpl->assign("content", "這是模版 2 中的變量");
$tpl->assign("dyn_page", "test5_3.htm");
$tpl->display('test5_1.htm');
?>
模版 1 的寫法如下：
templates/test5_1.htm:
<html>
<head>
<meta http-equiv="Content-Type" c>
<title><{$title}></title>
</head>
<body>
<{include file="test5_2.htm"}><br />
<{include file=$dyn_page}>
<{include file="test5_4.htm" custom_var="自訂變量的內(nèi)容"}>
</body>
</html>
模版 2 的寫法如下：
templates/test5_2.htm:
<{$content}>
模版 3 的寫法如下：
templates/test5_3.htm:
這是模版 3 的內(nèi)容
模版 4 的寫法如下：
templates/test5_4.htm:
<{$custom_var}>
這里注意幾個重點：1. 模版的位置都是以先前定義的 template_dir 為基準(zhǔn)；2. 所有 include 進(jìn)來的子模版中，其變量也會被解譯。；3. include 中可以用「變量名稱=變量內(nèi)容」來指定引含進(jìn)來的模版中所包含的變量，如同上面模版 4 的做法。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
