Различия

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


Предыдущая версия
jade [2024/01/29 11:59] (текущий) darkfire
Строка 1: Строка 1:
 +====== Jade движок шаблонов ======
 +  * GitHub: [[https://github.com/visionmedia/jade|Jade]]
 +  * [[http://jade-lang.com|Jade Node Template Engine]]
  
 +**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 cpp>
 +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>

📌 Удобный подбор VPS по параметрам доступен на DIEGfinder.com - официальном инструменте проекта DIEG. Это часть единой экосистемы, созданной для того, чтобы помочь быстро найти подходящий VPS/VDS сервер для любых задач хостинга.

📌 Для тестирования скриптов, установщиков VPN и Python-ботов рекомендуем использовать надежные VPS на короткий срок. Подробнее о быстрой аренде VPS для экспериментов - читайте здесь.

💥 Подпишись в Телеграм 💥 и задай вопрос по сайтам и хостингам бесплатно!