Предложения по текущему шаблонному решению jQuery? - PullRequest
9 голосов
/ 02 ноября 2011

Я ищу надежный шаблонизатор jQuery.

Я разрабатывал с jquery.tmpl.js, хотя знал, что он заброшен.Мне удалось добиться того, чего я хотел, с этим, но у меня есть некоторые небольшие сомнения относительно его кросс-браузерной надежности.

С одной стороны, IE7, кажется, помечен как проблемная область, и теперь я неЯ не хочу идти дальше, пока я не почувствую себя более уверенным, что это в конечном итоге может быть включено в производственное решение.

На этот StackOverflow вопрос о шаблонах есть здоровая дискуссия, хотя, к сожалению, это уже вышло-dated.

В репозитории github для jquery.tmpl.js говорится, что он был перенесен в jQueryUI, но сайт jQueryUI не упоминает о шаблонах.

Так что у кого-нибудь есть хороший опыт работы сшаблонизирует в jQuery и / или может указать мне на надежное решение?

Ответы [ 4 ]

11 голосов
/ 27 ноября 2011

JsRender - это замена для шаблонов jQuery.Шаблоны jQuery больше не находятся в разработке ... и jQuery, и Борис Мур (движущая сила позади них) перешли на JsRender.

Однако вы можете использовать шаблоны jQuery, потому что на сегодняшний день они более стабильны, чем JsRender.JsRender и JsViews быстро появляются, и вместе они будут делать то, что сейчас делают шаблоны jQuery.JsRender уже имеет некоторые преимущества по сравнению с шаблонами jQuery, особенно с точки зрения производительности (это делает движок рендеринга на основе строк).

Несколько примеров Бориса Мура можно найти здесь: http://borismoore.github.com/jsrender/demos/step-by-step/index.html

2 голосов
/ 31 декабря 2011

Linkedin использует Dust . Они написали приличную статью, объясняющую, как это помогло им создать общий пользовательский интерфейс из разнородных подходов внутренней реализации (JSP, Grails, Rails и т. Д.). Возможно, стоит посмотреть.

2 голосов
/ 02 ноября 2011
0 голосов
/ 30 мая 2017

Я использую свое собственное решение: 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.

Вот и все!

...