laytpl js模板引擎

2022-04-07 03:36:58 字數 1498 閱讀 9278

用法與handlebar.js類似,但是比較輕量級,使用更方便。與一般的字元拼接不同的是,laytpl 的模板可與資料分離,集中把邏輯處理放在 view 層,提公升**可維護性,尤其是針對大量模板渲染的情況,使用:

引入檔案
//第一步:編寫模版。你可以使用乙個script標籤存放模板,如:

<

script

id="demo"

type

="text/html"

>

<

h3>

}<

/h3>

<

ul>

}

<

li>

<

span

>

}<

/span>

<

span

>

}:<

/span>

<

span

>

}<

/span>

<

/li>

); }}

} 無資料

}} <

/ul>

script

>

//第二步:建立檢視。用於呈現渲染結果。

<

div

id="view"

>

div>

//第三步:渲染模版

var data = ,]

}var gettpl = demo.innerhtml

,view = document.getelementbyid('view');

laytpl(gettpl).render(data, function(html));

模版語法

分隔符:

如果模版預設的 } 分隔符與你的其它模板(一般是服務端模板)存在衝突,你也可以重新定義分隔符:

laytpl.config(); //

分割符將必須採用上述定義的

laytpl([

'' //

js 表示式

,'是一位猿。'].join('')).render(,

function

(string));

完整例項

//

第一步:編寫模版。你可以使用乙個script標籤存放模板,如://

第二步:建立檢視。用於呈現渲染結果。

//第三步:渲染模版

var data =, , , ]

};var gettpl = document.getelementbyid('demo').innerhtml;

laytpl(gettpl).render(data,

function

(html));

NVelocity模板引擎

因此決定自學一下nvelocity的使用 拋開monorail 安裝後,在其下的bin目錄中可找到nvelocity.dll net專案中將用到 並將其複製出來放到我的測試web bin目錄下。到castleproject上看了一下using it大致有四步 先要引入以下命名空間 using com...

twig模板引擎

twig是乙個靈活 高效並且安全的php模板引擎。如果你使用過smarty django或者jinja這類基於文字的模板引擎的話,那麼你會覺得twig是很自然而然的事情。twig嚴格遵守了php的信念,同時增加了在模板環境中很有用的函式,這些做法使得twig不論是對設計師還是開發人員,都是非常友好的...

MVC模板引擎

輕量級的php資料庫框架 medoo 初始化medoo 查詢語句 select 表名,欄位名,條件 新增語句insert 表名,內容 刪除語句delete 表名,添條件 我們知道的檢視引擎是 smarty 但是現在還有一種檢視引擎是twig。twig 也是一種php的檢視引擎 我們可以把它用於我們自...