英文原文： Client-Side Templating

　　在瀏覽器中使用模板是一個(gè)日漸熱門(mén)的趨勢(shì)。將服務(wù)端的邏輯應(yīng)用到客戶端上，還有越來(lái)越多的類MVC模式（模型-視圖-控制器：model-view-controller）的使用都使得在瀏覽器中“模板”的角色越來(lái)越重要。在過(guò)去，“模板”從來(lái)都是服務(wù)端的事情，但事實(shí)上在客戶端開(kāi)發(fā)中，模板的作用是非常強(qiáng)大又具有表現(xiàn)力的。

　　為什么要使用模板？

　　大體上來(lái)說(shuō)，借助模板是一種能很好地將視圖（views）中標(biāo)記和邏輯分開(kāi)的方法，還能將代碼的重用性和可維護(hù)性最大化。如果使用的是語(yǔ)法與最終所得結(jié)果很相近的語(yǔ)言（比如HTML），你就能又快又好地把任務(wù)完成了。雖然模板可以用來(lái)輸出任何形式的文本，但由于我們想要討論的客戶端開(kāi)發(fā)是有關(guān)于HTML的，所以在這篇文章里，我們還是以HTML作為例子。

　　現(xiàn)在的動(dòng)態(tài)應(yīng)用中，客戶端常常需要頻繁地刷新界面。這個(gè)效果可以通過(guò)服務(wù)端將HTML片段插入到客戶端的文檔中。這樣做的話，服務(wù)器要能支持傳送HTML的片段（與之相對(duì)：傳送完整的頁(yè)面）。還有就是，作為一個(gè)要處理這些標(biāo)記片段的客戶端的開(kāi)發(fā)者，你應(yīng)該會(huì)想能完全控制你的模板。而模板引擎（Smarty）、流量（Velocity）還有ASP這些服務(wù)器端的內(nèi)容你都不用了解，也不用管那些“面條式代碼”（spaghetti code）：例如在HTML文檔里是不是出現(xiàn)的臭名昭著的<?或者<%。

　　那么現(xiàn)在來(lái)看看客戶端模板吧。

　　第一印象

　　對(duì)初學(xué)者而言，理解“模板”的含義很重要，foldoc（免費(fèi)在線計(jì)算機(jī)詞典）中的解釋是：模板是一種文檔，不過(guò)文檔中有形參，再通過(guò)模板處理系統(tǒng)的特定語(yǔ)法用實(shí)參代替形參。

　　讓我們來(lái)看看最基本的模板長(zhǎng)什么樣子：

<h1>{{title}}</h1> <ul>     {{#names}}         <li>{{name}}</li>     {{/names}} </ul>

it知識(shí)庫(kù)：模板，從服務(wù)端到客戶端，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。