Ярлыки

.htaccess (4) тестирование (8) шаблоны проектирования (3) css (5) Debian (6) docker (2) Doctrine2 (6) Git (6) html (4) java (6) javascript (13) jquery (11) LFS (3) linux (23) mac os (4) mod_rewrite (2) MSSQL (4) MySQL (18) ORM Doctrine (17) patterns (3) PDO (3) perl (7) PHP (64) PHPUnit (8) Python (15) SEO (2) Silex (1) SimpleXML (1) SQL (14) ssh (4) Ubuntu (24) Yii1 (1) Zend Framework (19) ZendFramework2 (8)

среда, 13 октября 2010 г.

Javascript. Ультра быстрый шаблонизатор PURE.

С помощью этого инструмента логика и представление будут полностью разделены.
Работает как сам, так и в связке с популярными javascript фреймворками:
dojo, DomAssistant, jQuery, Mootools, Prototype, Sizzle и Sly

PURE

Создаем страницу html:

<html>
<head />
<body />
</html>
Загружаем javascript библиотеки:
<html>
<head>

<script src="jquery.js"></script>
<script src="pure.js"></script>

</head>
<body />
</html>
Создаем шаблон html:
<html>
<head>
<script src="jquery.js"></script>
<script src="pure.js"></script>
</head>
<body>

<div class="who"></div>

</body>
</html>
Получаем данные:
<html>
<head>
<script src="jquery.js"></script>
<script src="pure.js"></script>
</head>
<body>
<div class="who"></div>

<script>
var data = {who:'Hello Wrrrld!'};
</script>

</body>
</html>
Запускаем PURE для преобразования JSON в HTML:
<html>
<head>
<script src="jquery.js"></script>
<script src="pure.js"></script>
</head>
<body>
<div class="who"></div>
<script>
var data = {who:'Hello Wrrrld!'};

$('div.who').autoRender(data);

</script>
</body>
</html>
Получаем результат:
<!-- шаблон -->
<div class="who"></div>
<!-- результат -->
<div class="who">Hello Wrrrld!</div>

Комментариев нет:

Отправить комментарий