2011-11-01 64 views
9

我正在尋找一個可靠的jQuery模板引擎。當前jQuery模板解決方案的建議?

我一直在開發與jquery.tmpl.js,即使我知道它被遺棄。我已經能夠實現我想要的功能,但對其跨瀏覽器可靠性有一些懷疑。

首先,IE7似乎被標記爲問題領域,而現在我不想走得更遠,直到我更加確信它最終可以被整合到生產解決方案中。

關於模板的這個StackOverflow question有一個健康的討論,但可惜這已經過時了。

jquery.tmpl.js的github存儲庫說它已被移至jQueryUI,但jQueryUI網站沒有提及模板。

那麼,有沒有人有任何好的jQuery模板的經驗和/或可以指向我一個可靠的解決方案?

+0

誰說tmpl被遺棄了? – AlienWebguy

+0

http://api.jquery.com/category/plugins/templates/(閱讀**注:**) –

+0

我沒有與他們的經驗,但可能是http://microjs.com/#templating –

回答

11

JsRender是更換jQuery的模板。 jQuery模板不再處於開發中...... jQuery和Boris Moore(推動力)都轉向了JsRender。

但是,您可以使用jQuery模板,因爲從今天起,它們比JsRender更穩定。 JsRender和JsViews很快就會出現,他們將一起完成jQuery模板現在的工作。 JsRender與jQuery模板相比具有一些優勢,特別是在性能方面(基於字符串的渲染引擎可以實現這一點)。

您可以通過鮑里斯·穆爾在這裏找到了幾個例子:http://borismoore.github.com/jsrender/demos/step-by-step/index.html

+0

你如何比較jsRender和DustJs? – pyccki

2

LinkedIn使用Dust。他們寫了一篇很好的文章解釋了它如何幫助他們從不同的後端實現方法(JSP,Grails,Rails等)創建一個通用的UI。這可能值得深入研究。

+0

有趣的文章,謝謝你的鏈接。 – R0MANARMY

0

我使用我自己的解決方案:https://github.com/lingtalfi/cloneTemplate 它基於jquery。 這只是一個幫手,而不是一個全功能的模板解決方案。 (全碼約爲30線)

的語法很簡單:

var variables = {"marie": "mary"}; // this dumb/demo map will simply replace marie by mary 
var jClone = $.fn.cloneTemplate(jTpl, variables); 

它確實注入變量到模板的工作。 模板中的佔位符是這樣的:

{-myTag-} 

{-%myTag-} 

爲用htmlspecialchars版本。

就是這樣!