Node JS

Уроки Node JS и Express для начинающих

17 уроков Консультации Справочник Компилятор
/ Видеокурсы / Уроки Node JS и Express для начинающих / #14 - Использование шаблонизатора

#14 - Использование шаблонизатора

#14 - Использование шаблонизатора


Node JSJavaScript

Шаблонизаторы позволяют получать данные из языков программирования и выводить их вместе с разметкой. В этом уроке мы научимся работать с шаблонизатором и выведен данные через него.

Видео урок:

EJS шаблонизатор: embeddedjs.com
Шаблонизаторы полезны и существуют во многих языках программирования. Их основная задача это передача данных из ЯП в HTML-шаблоны. Получи данные мы можем оперировать с ними как с обычными переменными: сравнивать их, выводить на экран, добавлять к ним значения и так далее. Для Node JS существует шаблонизатор EJS, который выполняет задачу на отлично.

Для его подключения необходимо установить пакет в проект. Для этого используйте команду npm install ejs. После этого укажите в главном файле какой view engine (шаблонизатор) вы используете.
var express = require('express');
var app = express();
// Указываем шаблонизатор
app.set('view engine', 'ejs');
Все файлы-шаблоны должны храниться в папке views. Для отображения шаблонов на странице используйте метод render().
app.get('/', function(req, res) {
  // Вывод HTML-шаблона "index"
  res.render('index', {someInfo: "Данные для передачи"});
});
Таким образом мы можем вызывать HTML-шаблоны и передавать в них объект с различными данными.

Для создания шаблона сделайте файл с расширением .ejs. В него поместите обычный HTML-код и в определенных местах используйте разметку шаблонизатора. Для этого помещайте весь код в блке <% %>. Более детально про различный вывод данных вы можете прочесть на официальном сайте EJS.

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Домашнее задание

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям!

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы получить большое задание. Такие задания есть к каждому курсу. В них входит задание, методика решения, а также "Готовое решение".
PS: подобные задания доступны только при подписке от 1 месяца!

Node JSJavaScript

Также стоит посмотреть