Инструменты пользователя

Инструменты сайта


jade

Различия

Здесь показаны различия между двумя версиями данной страницы.

Ссылка на это сравнение

jade [2011/12/01 05:51] (текущий)
Строка 1: Строка 1:
 +====== Jade ======
 +  * Homepage: [[http://​express-js.ru/​jade/​guide.html|Jade]]
 +  * GitHub: [[https://​github.com/​visionmedia/​jade|Jade]]
 +  * [[http://​jade-lang.com|Jade Node Template Engine]]
 +  * [[http://​nodeguide.ru/​doc/​dailyjs-nodepad/​node-tutorial-4/​|Jade шаблоны,​ создание и изменение документов]]
  
 +**Jade** ​ - движок шаблонов,​ реализован на [[JavaScript]] для [[Node.js]].
 +
 +**Установка Jade.** Jade для работы умеет использовать фильтры,​ например [[http://​github.com/​evilstreak/​markdown-js|markdown]].
 +<​file>​
 +# cd /​opt/​nodejs/​node_modules
 +# npm install markdown
 +# npm install jade
 +</​file>​
 +Сгенерировать /​examples/​layout.jade с передачей параметров. На выходе получим файл layout.html
 +<​file>​
 +$ cd /​opt/​nodejs/​node_modules/​jade/​bin
 +$ ./jade ../​examples/​layout.jade -o '{ locals: { title: "​foo"​ }}'
 +
 +  rendered ../​examples/​layout.html
 +</​file>​
 +Можно добавить в пути поиска.
 +<​file>​
 +$ nano .bashrc
 +export PATH=$PATH:/​opt/​nodejs/​node_modules/​jade/​bin/​
 +</​file>​
 +====== Использование Jade ======
 +**Синтаксис Jade:**
 +  * вложенность тэгов формируется отступами
 +  * знак равенства означает:​ вставить содержимое переменной
 +  * знак “не равно” означает:​ вставить содержимое переменной без экранирования
 +  * дефис позволяет добавлять [[JavaScript]]
 +
 +**Пример.** Вызов шаблонизатора Jade для анализа файла с передачей ему массива dataWhHtml, результат будет записан в массив outObj['​key2'​].
 +<​file>​
 +var jade = require('​jade'​);​
 +var outObj = {};
 +jade.renderFile('​tpl/​whoishtml.jade',​ {
 +    items: dataWhHtml
 +}, function (err, html) {
 +    console.log('​jade.renderFile\n'​);​
 +outObj['​key2'​] = html;
 +});
 +</​file>​
jade.txt · Последние изменения: 2011/12/01 05:51 (внешнее изменение)