Sugestie dotyczące obecnego rozwiązania szablonu jQuery?

Question

Szukam niezawodnego silnika szablonowego jQuery.

byłem rozwijających się jquery.tmpl.js, choć wiedziałem, że został opuszczony. Byłem w stanie osiągnąć to, co chciałem, ale mam pewne wątpliwości co do jego niezawodności w różnych przeglądarkach.

Po pierwsze, IE7 wydaje się być oznaczony jako obszar problemowy, a teraz nie chcę iść o wiele dalej, dopóki nie będę miał większej pewności, że może on ostatecznie zostać włączony do rozwiązania produkcyjnego.

Jest zdrowa dyskusja na temat tego StackOverflow question szablonów, ale niestety to jest teraz przestarzała.

Repozytorium github dla jquery.tmpl.js mówi, że zostało przeniesione do jQueryUI, ale witryna jQueryUI nie wspomina o szablonach.

Więc czy ktoś ma jakieś dobre doświadczenia z szablonów w jQuery i/lub może wskazać mnie w kierunku wiarygodnego rozwiązania?

Answer 1

JsRender jest zamiennikiem dla jQuery Templates. Szablony jQuery nie są już rozwijane ... zarówno jQuery, jak i Boris Moore (siła napędowa za nimi) przeszli na JsRender.

Jednakże, można użyć szablonów jQuery, ponieważ na dzień dzisiejszy, są bardziej stabilne niż JsRender jest. JsRender i JsViews szybko nadchodzą i razem będą robić teraz szablony jQuery. JsRender ma już pewne zalety w stosunku do szablonów jQuery, szczególnie pod względem wydajności (działa na nim mechanizm renderujący oparty na ciągach znaków).

Można znaleźć kilka przykładów Boris Moore tutaj: http://borismoore.github.com/jsrender/demos/step-by-step/index.html

Answer 2

Zastosowanie JsRender - http://borismoore.github.com/jsrender/demos/step-by-step/index.html

Answer 3

Linkedin wykorzystuje Dust. Napisali przyzwoity artykuł wyjaśniający, w jaki sposób pomógł im stworzyć wspólny interfejs użytkownika z odmiennych podejść do implementacji back-end (JSP, Grails, Rails, itp.) Warto się zastanowić.

Answer 4

Używam własnego rozwiązania: https://github.com/lingtalfi/cloneTemplate Opiera się na jquery. To tylko pomocnik, a nie w pełni funkcjonalne rozwiązanie do szablonów. (pełny kod jest około 30 linii)

Składnia jest całkiem prosta:

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

Czyni pracę wstrzykiwanie zmiennych do szablonu. Symbole zastępcze w szablonie wyglądać następująco:

{-myTag-} 

i

{-%myTag-} 

dla wersji htmlspecialchars.

To wszystko!