Как использовать html файл или целый шаблон вместе с данными из express - Nunjucks, Handlebars
Был весьма обоснованный вопрос, а что делать с данными полученными из базы в express-е, как их встроить в уже готовый html файл или шаблон, который вы откуда-то скачали или где-то купили, здесь очень важно, чтобы шаблон был именно html5 (не для cms систем, таких как WordPress, Joomla или Bitrix).
Рассмотрим в этом ролике несколько библиотек-шаблонизаторов - ES6 Interpolation (с помощью хелпер библиотеки, т.к. классическая интерполяция строк работает исключительно в js файлах), Nunjucks, Handlebars.
ES6 Interpolation
==============
https://www.npmjs.com/package/express...
Установка
npm install express-es6-template-engine --save
yarn add express-es6-template-engine
pnpm add express-es6-template-engine
Nunjucks
=======
https://mozilla.github.io/nunjucks/
https://www.npmjs.com/package/nunjucks
Установка
npm install nunjucks --save
yarn add nunjucks
pnpm add nunjucks
Handlebars
=========
https://handlebarsjs.com/
https://www.npmjs.com/package/express...
Установка
npm install express-handlebars --save
yarn add express-handlebars
pnpm add express-handlebars
А также узнаете как подогнать картинки и базу под шаблон, если до этого вы ни разу этого не делали.
Для работы с базой данных я использовал XAMPP https://www.apachefriends.org вместе с PhpMyAdmin (уже включён в сам пакет).
Для работы с картинками я использовал программу Paint.NET https://www.getpaint.net.
Сайт, где я нашёл этот шаблон и где можно посмотреть другие https://www.templatemonster.com, ещё раз предупреждение, если вы хотите сами работать наш шаблоном и кодом, то скачивайте именно шаблон html5.
Архиватор для распаковки шаблона - https://www.7-zip.org.
✅ Подпишитесь на наш канал, чтобы не пропускать другие видео!
💡 Ссылка на архив с шаблоном: https://disk.yandex.ru/d/D_KL4dTs08vBxQ
💡 Ссылка на архив с картинками из урока: https://disk.yandex.ru/d/q7ino_T1R36cmw
🌐 Наш сайт: https://krylevsky-lab.ru. Ещё в альфа стадии находится, поэтому что-то может быть недоделано. Скоро будет бесплатный онлайн-тренажёр
😉 Подписывайтесь на группу ВКонтакте: https://vk.com/krylevsky_lab
☎️ Если есть вопросы пишите/звоните по телефону: +7(966)360-47-87
💻 Приглашаем на бесплатную секцию программирования в Обнинске
https://krylevsky-lab.ru/бесплатная-с...
00:00 Начало
05:40 Подгонка картинок
17:50 Смотрим на базу данных
19:20 Готовим общий код, выводим данные из базы
29:05 Раскидываем файлы шаблона по папкам
33:46 Краткий обзор библиотек и того, что будем далее делать
36:51 Es6 Interpolation
55:13 Nunjucks
1:01:32 Handlebars
1:08:03 Закругляемся
1:08:26 Постскриптум
Смотрите видео Как использовать html файл или целый шаблон вместе с данными из express - Nunjucks, Handlebars онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Лаборатория Крылевского 02 Сентябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 619 раз и оно понравилось 16 людям.