談起服務(wù)端渲染，對于動態(tài)服務(wù)而言，這個世界上跑的大多數(shù)頁面都經(jīng)歷過服務(wù)端的數(shù)據(jù)渲染，接口->前端賦值->模板渲染
常用PHP模板有：Smarty,Blade,Mustache，如果Node.js作為服務(wù)端，前端模板渲染的模塊：ejs,doT,jade。
模板引擎是一個用來前端渲染 前后端分離的組件 每個Web框架都可以引入模板引擎，有一些Web框架實現(xiàn)了自己的模板引擎 像金鋤頭的模板引擎是自己實現(xiàn)的 所以找不到文檔 ，另外有一些第三方開發(fā)的模板引擎組件 比如smarty twig用于php jade用于Nodejs Velocity用于Java 這一類第三方一般都可以找得到文檔
還是要先理解這個概念 然后再學(xué)習(xí) 金鋤頭的模板引擎不用學(xué) 最主要還是學(xué)一種通用的模板引擎 比如Smarty 建議找個會PHP的面對面和你講講Smarty在PHP端的知識 這樣你好理解一點 學(xué)會一種模板引擎 也掌握了思想 其他模板引擎也就是寫法語法上的不一樣而已
附上
Smarty 入門
一、smarty的程序設(shè)計部分
在smarty的模板設(shè)計部分我簡單的把smarty在模板中的一些常用設(shè)置做了簡單的介紹，這一節(jié)主要來介紹一下如何在smarty中開始我們程序設(shè)計。下載Smarty文件放到你們站點中。
index.php代碼如下
<?php
/**
@version $Id:index.php
@package
@author jill
@action 顯示實際程序
*/
include_once("./Smarty.class.php");//包含smarty類文件
$smarty = new Smarty(); //建立smarty實例對象$smarty
$smarty -> templates("./templates");//設(shè)置模板目錄
$smarty ->templates_c("./temlpates_c");//設(shè)置編譯目錄
$smarty ->cache("/cache"); //緩存目錄
$smarty ->cache_lifetime = 0; //緩存時間
$smarty ->caching =true; //緩存方式
$smarty ->left_delimiter = "{#";
$smarty ->right_delimiter = "#}";
$smarty ->assign("name","zhaocha");//進(jìn)行模板變量替換
$samrty ->display("index.html"); //編譯并顯示位于./templates下的index.html模板
?>
二、解釋smarty的程序
我們可以看到，smarty的程序部分實際就是符合php語言規(guī)范的一組代碼，我們依次來解釋一下：
1：/**/語句：
包含的部分為程序篇頭注釋。主要的內(nèi)容應(yīng)該為對程序的作用，版權(quán)與作者及編寫時間做一個簡單的介紹，這在smarty中不是必需的，但從程序的風(fēng)格來講，這是一個好的風(fēng)格。
2：include_once語句：
它將安裝到網(wǎng)站的smarty文件包含到當(dāng)前文件中，注意包含的路徑一定要寫正確。
3：$smarty = new Smarty():
這一句新建一個Smarty對象$smarty,簡單的一個對象的實例化。
4：$smarty->templates(""):
這一句指明$smarty對象使用tpl模板時的路徑，它是一個目錄，在沒有這一句時，Smarty默認(rèn)的模板路徑為當(dāng)前目錄的templates目錄，實際在寫程序時，我們要將這一句寫明，這也是一種好的程序風(fēng)格。
5：$smarty->templates_c(""):
這一句指明$smarty對象進(jìn)行編譯時的目錄。在模板設(shè)計篇我們已經(jīng)知道Smarty是一種編譯型模板語言，而這個目錄，就是它編譯模板的目錄，要注意，如果站點位于linux服務(wù)器上，請確保
teamplates_c里定義的這個目錄具有可寫可讀權(quán)限，默認(rèn)情況下它的編譯目錄是當(dāng)前目錄下的templates_c，出于同樣的理由我們將其明確的寫出來。
6：$smarty->left_delimiter與$smarty->right_delimiter:
指明在查找模板變量時的左右分割符。默認(rèn)情況下為"{"與"}"，但在實際中因為我們要在模板中使用<script>,Script中的函數(shù)定義難免會使用{}，雖然它有自己的解決辦法，但習(xí)慣上我們將它重新定義
為"{#"與"#}"或是""或其它標(biāo)志符，注意，如果在這里定義了左右分割符后，在模板文件中相應(yīng)的要使每一個變量使用與定義相同的符號，例如在這里指定為"<{"與"}>"，htm模板中也要
相應(yīng)的將{$name}變成<{$name}>,這樣程序才可以正確的找到模板變量。
7：$smarty->cache("./cache"):
告訴Smarty輸出的模板文件緩存的位置。上一篇我們知道Smarty最大的優(yōu)點在于它可以緩存，這里就是設(shè)置緩存的目錄。默認(rèn)情況下為當(dāng)前目錄下的cache目錄，與templates_c目錄相當(dāng)，在linux系統(tǒng)中
我們要確保它的可讀可寫性。
8：$smarty->cache_lifetime = 60 * 60 * 24:
這里將以秒為單位進(jìn)行計算緩存有效的時間。第一次緩存時間到期時當(dāng)Smarty的caching變量設(shè)置為true時緩存將被重建。當(dāng)它的取值為-1時表示建立起的緩存從不過期，為0時表示在程序每次執(zhí)行時緩
存總是被重新建立。上面的設(shè)置表示將cache_lifetime設(shè)置為一天。
9：$smarty->caching = 1:
這個屬性告訴Smarty是否要進(jìn)行緩存以及緩存的方式。它可以取3個值，0：Smarty默認(rèn)值，表示不對模板進(jìn)行緩存；1：表示Smarty將使用當(dāng)前定義的cache_lifetime來決定是否結(jié)束cache；2：表示
Smarty將使用在cache被建立時使用cache_lifetime這個值。習(xí)慣上使用true與false來表示是否進(jìn)行緩存。
10：$smarty->assign("name", "zaocha")：
該數(shù)的原型為assign(string varname, mixed var),varname為模板中使用的模板變量，var指出要將模板變量替換的變量名；其第二種原形為assign(mixed var)，我們要在后面的例子詳細(xì)的講解這個成員函數(shù)的使用方法，assign是Smarty的核心函數(shù)之一，所有對模板變量的替換都要使用它。
11：$smarty->display("index.tpl"):
該函數(shù)原形為display(string varname),作用為顯示一個模板。簡單的講，它將分析處理過的模板顯示出來，這里的模板文件不用加路徑，只要使用一個文件名就可以了，它路徑我們已經(jīng)在$smarty->templates(string path)中定義過了。
程序執(zhí)行完后我們可以打開當(dāng)前目錄下的templates_c與cache目錄，就會發(fā)現(xiàn)在下邊多出一些%%的目錄，這些目錄就是Smarty的編譯與緩存目錄，它由程序自動生成，不要直接對這些生成的文件進(jìn)行修改。
三、模板說明
接下來介紹一個section循環(huán)塊與foreach循環(huán)塊，本來它應(yīng)該屬于模板部分，但是由于它們是smarty的精華所在，而且與smarty程序設(shè)計部分聯(lián)系非常緊密，所以就在這拿出來講一下。
①： foreach：用于循環(huán)簡單數(shù)組，它是一個選擇性的section循環(huán)，它的定義格式為:
{foreach from = $array item = array_id}
{foreachelse}
{/foreach}
其中，from 指出要循環(huán)的數(shù)組變量，item為要循環(huán)的變量名稱，循環(huán)次數(shù)由from所指定的數(shù)組變量的個數(shù)所決定。{foreachelse}用來當(dāng)程序中傳遞過來的數(shù)組為空時的處理，下面是一個簡單的例子：
模板文件：
example.htm頁面如下：
foreach 輸出一個“二維關(guān)聯(lián)數(shù)組”的數(shù)據(jù)：
{#foreach item=new from=$news#}
新聞編號：{#$new.id#}
新聞內(nèi)容：{#$new.title#}
{#foreachelse#}數(shù)據(jù)庫中沒有新聞輸出!
{#/foreach#}
{foreach from=$newsArray item=newsID}新聞編號：{$newsID}新聞內(nèi)容：{$newsTitle}{foreachelse}對不起，數(shù)據(jù)庫中沒有新聞輸出!
{/foreach}
程序文件：example.php如下：
<?php
include_once("./Smarty/Smarty.class.php");
$smarty = new Smarty(); //建立smarty實例對象$smarty
$smarty -> templates("./templates");//設(shè)置模板目錄
$smarty ->templates_c("./temlpates_c");//設(shè)置編譯目錄
$smarty ->cache("/cache"); //緩存目錄
$smarty ->cache_lifetime = 0; //緩存時間
$smarty ->caching =true; //緩存方式
$smarty ->left_delimiter = "{#";
$smarty ->right_delimiter = "#}";
$array[] = array("newsID"=>1, "newsTitle"=>"第1條新聞");
$array[] = array("newsID"=>2, "newsTitle"=>"第2條新聞");
$array[] = array("newsID"=>3, "newsTitle"=>"第3條新聞");
$array[] = array("newsID"=>4, "newsTitle"=>"第4條新聞");
$array[] = array("newsID"=>5, "newsTitle"=>"第5條新聞");
$array[] = array("newsID"=>6, "newsTitle"=>"第6條新聞");
$smarty ->assign("newsArray","$array");//進(jìn)行模板變量替換
$samrty ->display("example.htm"); //編譯并顯示位于./templates下的index.html模板
?>
輸出結(jié)果：
這里將輸出一個數(shù)組：
新聞編號：1
新聞內(nèi)容：第1條新聞
新聞編號：2
新聞內(nèi)容：第2條新聞
新聞編號：3
新聞內(nèi)容：第3條新聞
新聞編號：4
新聞內(nèi)容：第4條新聞
新聞編號：5
新聞內(nèi)容：第5條新聞
新聞編號：6
新聞內(nèi)容：第6條新聞
foreach還可以用foreachelse來匹配，用foreachelse來表示當(dāng)傳遞給foreach的數(shù)組為空值時程序要執(zhí)行的操作，具體的使用方法，請參考手冊的說明。
②. section:
section的產(chǎn)生是為解決foreach的不足的，與foreach一樣，它用于設(shè)計模板內(nèi)的循環(huán)塊，它較為復(fù)雜，可極大程序上滿足程序需要，所以在程序中我習(xí)慣使用它而不使用foreach,基本原形為：
{section name=name loop=$varName[,start=$start,step=$step,max=$max,show=true]}
參數(shù)解釋如下：
name: section的名稱，不用加$
$loop: 要循環(huán)的變量，在程序中要使用assign對這個變量進(jìn)行操作。
$start: 開始循環(huán)的下標(biāo)，循環(huán)下標(biāo)默認(rèn)由0開始
$step: 每次循環(huán)時下標(biāo)的增數(shù)
$max: 最大循環(huán)下標(biāo)
$show: boolean類型，決定是否對這個塊進(jìn)行顯示，默認(rèn)為true
同樣，{section}也可以配合使用{sectionelse}，用來表示傳入的數(shù)組變量為空時對模板進(jìn)行的處理。
我們把上邊的那個例子使用{section}來替代{foreach}來實現(xiàn)現(xiàn)樣的功能，注意，在這個例子中我只將tpl模板中的{foreach}用{section}來實現(xiàn)，php程序文件中沒有任何改動，同時加了{(lán)sectionelse}處理塊：
example.tpl模板文件如下：
這里將輸出一個數(shù)組：
{section name=loop loop=$News}
新聞編號：{$News[loop].newsID}
新聞標(biāo)題：{$News[loop].newsTitle}
{sectionelse}
對不起，沒有任何新聞輸入!
{/section}
程序文件：example.php如下：
<?php
include_once("./comm/Smarty.class.php");
$smarty = new Smarty(); //建立smarty實例對象$smarty
$smarty -> templates("./templates");//設(shè)置模板目錄
$smarty ->templates_c("./temlpates_c");//設(shè)置編譯目錄
$smarty ->cache("/cache"); //緩存目錄
$smarty ->cache_lifetime = 0; //緩存時間
$smarty ->caching =true; //緩存方式
$smarty ->left_delimiter = "{";
$smarty ->right_delimiter = "}";
$array[] = array("newsID"=>1, "newsTitle"=>"第1條新聞");
$array[] = array("newsID"=>2, "newsTitle"=>"第2條新聞");
$array[] = array("newsID"=>3, "newsTitle"=>"第3條新聞");
$array[] = array("newsID"=>4, "newsTitle"=>"第4條新聞");
$array[] = array("newsID"=>5, "newsTitle"=>"第5條新聞");
$array[] = array("newsID"=>6, "newsTitle"=>"第6條新聞");
$smarty ->assign("newsArray","$array");//進(jìn)行模板變量替換
$samrty ->display("example.tpl"); //編譯并顯示位于./templates下的index.html模板
?>
輸出結(jié)果：
這里將輸出一個數(shù)組：
新聞編號：1
新聞內(nèi)容：第1條新聞
新聞編號：2
新聞內(nèi)容：第2條新聞
新聞編號：3
新聞內(nèi)容：第3條新聞
新聞編號：4
新聞內(nèi)容：第4條新聞
新聞編號：5
新聞內(nèi)容：第5條新聞
新聞編號：6
新聞內(nèi)容：第6條新聞
這里的{section}塊的對于變量的命名方式感覺有些別扭，不過沒關(guān)系，你只要記住模板變量使用：
$loopName[name].var這種模式就行了，loopName為loop處賦予的變量名，[name]為name處賦予的字符串，.后為為你要在程序數(shù)組中設(shè)定要與值相對應(yīng)的下標(biāo)名稱就行了。
