2010-04-18 7 views
1

我想在JavaScript中創建通用模板引擎,怎麼樣?JavaScript模板引擎

HTML模板

<h1><%title1%></h1> 
<h2><%title2%></h2> 

JSON文件

{ 
    "title1" : "Hello World!", 
    "title2" : "Hi World!" 
} 

的Javascript

  • 查找HTML文件<%針鋒相對LE1%>
  • 查找JSON文件變量 「TITLE1」
  • 更換<%TITLE1%與變量 「TITLE1」

同爲<%標題2%>

感謝的價值>!

+0

至少,您描述的用例需要一個可怕的實現。簡而言之,這是一個糟糕的主意。 – h0tw1r3 2010-04-18 16:15:32

+2

爲什麼這是一個壞主意? – 2010-04-18 16:26:54

回答

8

看一看this article。它討論了一個建議(由微軟)如何支持模板可以添加到jQuery庫。

在同一篇文章中,您還可以找到一些已經存在的模板解決方案的概述(也許您會找到符合您的需求的東西,而不是重新發明輪子)。

更新(2012-07-23):

jQuery的模板項目被放棄,比去年同期多。看起來Boris Moore繼續他的新項目jsrenderjsviews的工作。

+1

耶!這非常令人興奮,我正在爲此而歡呼! AJAX模板... – 2010-04-18 16:21:22

0

你可能想看看我的jQuery插件模板jQote2。就可用性和速度而言,我還沒有看到更好的模板解決方案(相信我,我都試過了)。

它有一個內置的閉包編譯器,讓你預編譯你的模板(如果你想保持你的模板在.js文件中),以及一個緩存機制。當前版本還附帶了一些方便的方法,可以減輕追加/預置/替換DOM節點的痛苦。

試一下,你不會後悔的。 Regards