Различия

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

@@ Строка 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>

АйТи бубен

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

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

Различия

Инструменты страницы