Шаблонизаторы позволяют получать данные из языков программирования и выводить их вместе с разметкой. В уроке мы научимся работать с шаблонизатором и выведен данные через него.
Шаблонизаторы полезны и существуют во многих языках программирования. Их основная задача – передача данных из языка программирования в HTML-шаблон. Получив данные мы можем оперировать с ними как с обычными переменными: сравнивать, выводить на экран, добавлять к ним значения и так далее. Для Node JS существует шаблонизатор EJS, который выполняет задачу на отлично.
Для работы с ним выполните его подключения и установите пакет в проект. Для этого используйте команду npm install ejs.
В главном файле укажите шаблонизатор что вы используете:
var express = require('express');
var app = express();
// Указываем шаблонизатор
app.set('view engine', 'ejs');
Все файлы-шаблоны должны храниться в папке views. Для отображения шаблонов на странице используйте метод render().
Для создания шаблона сделайте файл с расширением .ejs. В него поместите обычный HTML-код и в определенных местах используйте разметку шаблонизатора. Для использования специальной разметки помещайте код в блоках: <% %>. Более детально про различный вывод данных вы можете прочесть на официальном сайте EJS.
HTML и CSS
Для создания разметки и стилей необходимо понимать принципы написания HTML и CSS. Вы можете пройти полный курс по HTML и полный курс по CSS у нас на сайте. Также вы можете вкратце ознакомится с технологиями в наших больших видео уроках.
Изучение HTML за 45 минут:
Изучение CSS за 45 минут:
Исходный код
Весь код будет доступен после подписки на проект!
Онлайн редактор кода
Загрузка...
Задание к уроку
Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям
Большое задание по курсу
Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию. PS: подобные задания доступны при подписке от 1 месяца
Мы используем файлы cookie, чтобы улучшить работу и повысить эффективность сайта. Продолжая пользование данным сайтом, вы соглашаетесь с использованием файлов cookie.