Как использовать 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 Постскриптум
Watch video Как использовать html файл или целый шаблон вместе с данными из express - Nunjucks, Handlebars online without registration, duration hours minute second in high quality. This video was added by user Лаборатория Крылевского 02 September 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 619 once and liked it 16 people.