Использование шаблонизаторов в Express¶
Для того чтобы отображать в Express файлы шаблонов, необходимо задать следующие параметры приложения:
views
, каталог, в котором находятся файлы шаблонов. Например:app.set('views', './views')
view engine
, используемый шаблонизатор. Например:app.set('view engine', 'pug')
Затем установите соответствующий пакет npm шаблонизатора:
1 |
|
Шаблонизаторы, совместимые с Express, например, Pug, экспортируют функцию __express(filePath, options, callback)
, вызываемую с помощью функции res.render()
для вывода кода шаблона.
Это правило действует не для всех шаблонизаторов. Библиотека Consolidate.js соблюдает его путем преобразования всех популярных шаблонизаторов Node.js, благодаря чему работает в Express без проблем.
После указания механизма визуализации (view engine) не нужно указывать его или загружать модуль шаблонизатора в приложение; Express загружает модуль внутренними средствами, как показано далее (для примера, приведенного выше).
1 |
|
Создайте файл шаблона Pug с именем index.pug
в каталоге views
со следующим содержанием:
1 2 3 4 5 |
|
Затем создайте маршрут для вывода файла index.pug
. Если свойство view engine
не задано, необходимо указать расширение файла view
. В противном случае, можно не указывать расширение.
1 2 3 4 5 6 |
|
При выполнении запроса к домашней странице файл index.pug
будет отображаться как HTML.
Для получения дополнительной информации о работе шаблонизаторов в Express обратитесь к разделу "Разработка шаблонизаторов для Express".