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

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

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

Видеоурок

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 месяца

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

Изучение MongoDB / Работа с базой данных
8 уроков
Современная вёрстка адаптивного веб-сайта