2010-04-18 8 views
1

Я хотел бы создать универсальный шаблонов в JavaScript, как?JavaScript Templating Engine

HTML шаблон

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

JSON файл

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

Javascript

  • Найти в HTML файл <% синицы le1%>
  • Найти в JSON переменной файл "главы1"
  • Заменить <% title1%> со значением переменной "главы1"

То же для <% TITLE2%>

Спасибо!

+0

По крайней мере, используемый вами случай использования потребует ужасной реализации. Проще говоря, это плохая идея. – h0tw1r3

+2

Почему это плохая идея? –

ответ

8

Посмотрите на this article. В нем обсуждается предложение (от Microsoft) о том, как поддержка шаблонов может быть добавлена ​​в библиотеку jQuery.

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

Update (2012-07-23):

Проект JQuery шаблоны был оставлен больше года назад. Кажется, что Boris Moore продолжает работу с новыми проектами jsrender и jsviews.

+1

Yay! Это изящно, что я хотел! Шаблоны AJAX ... –

0

Вы можете посмотреть на мой JQuery плагин шаблонного jQote2. Что касается удобства использования и скорости, мне еще предстоит увидеть лучшее решение для шаблонов (поверьте мне, я пробовал их все).

У этого есть встроенный компилятор закрытия, который позволит вам предварительно скомпилировать ваши шаблоны (удобно, если вы хотите сохранить свои шаблоны в .js-файлах) и механизм кэширования. В текущей версии также есть несколько удобных методов, облегчающих боль при добавлении/добавлении/замене узлов DOM.

Попробуйте, вы не пожалеете об этом. С уважением