Express + Handlebars?

Question

[UNy]

Начал учить express и наткнулся на handlebars. Вот структура проекта:

Не могу кое что понять:
1)Мой основной модуль meadowlark.js . В нем есть
app.get('/', function(req, res) {
res.render('home');
});
Как он находит home.handlebars если он лежит в views?
2)Почему шаблон (main.handlebars) должен лежать в отдельной папке layouts, если перетащу его в views выкинет ошибку
3) Как handlebars файлы принимаю объекты :
app.get('/about', function(req, res){
let randomFortune =
fortunes[Math.floor(Math.random() * fortunes.length)];
res.render('about', { fortune: randomFortune});
});
Кидает объект в about.handebars и в нем должно быть что-то вроде {{fortune}}
Как понять как происходит взаимодействие?

Comments

[Abcdefgk]

Вот эта строчка в "главном" файле указывает, в каком месте искать шаблоны (можно указать другое место, я нопремер привык создавать папку temlates, а уж в ней views, layouts и прочие mixins):

app.set('views', path.join(__dirname, 'templates/views'));

Вы читаете отличный учебник - читайте внимательно, там всё хорошо объясняется.

[UNy]

Abcdefgk, в main файле у меня вот это:
let handlebars = require('express-handlebars')
.create({ defaultLayout:'main' });
app.engine('handlebars', handlebars.engine);
app.set('view engine', 'handlebars');

шаблоны лежат в views и еще там папка layout в которой лежит макет, т.е явного указания пути нету.
Дальше идет рендер по вызову определенного маршрута:
app.get('/', function(req, res) {
res.render('home');
});
понятно что он рендерит home.handlebars и использует макет main.handlebars.
Снизу обьяснили что по умолчанию представления лежат в views , а макеты в layouts. Т.е если я не буду указывать путь как вы он будет по умолчанию искать их там?

[Abcdefgk]

А, ну да, это ж Ханделбарс. Строчка в нём

let handlebars = require('express-handlebars').create({ defaultLayout:'main' });

указывает слой по умолчанию, а структура папок должна быть именно такая: views, внутри неё layouts и partials
Потому не предполагается, что можно сделать структуру - как нравится.
Короче, Express придумал Ти-Джей Воловайчук (или он Коровайчук - я не помню), и для него он придумал Jade, который потом переименовался в Pug. Когда лично я проходил эту книжку (это, действительно, очень хорошая книжка, а на некоторые устарелости в ней - начхать), то сразу решил, что буду юзать Jade (который теперь Pug). Так я и вам, с позволения, посоветую поступить так же. Начните проектик сначала, и сразу начните осваивать Pug заместо Ханделбарса. Аффтар учебника человек уж не молодой и поленился перейти на Jade, а тебе-то чего лениться?
Настройка - две строчки (при этом, с явным указанием пути):

// view engine setup
app.set('views', path.join(__dirname, 'templates/views')); // ну, или просто папка views - вопрос вкуса и привычки
app.set('view engine', 'pug');

И его даже реквайрить не надо в "главном" файле, только npm install pug --save сделать.
Удачи.

[Abcdefgk]

А, и тут так. Папка templates/views/ - это папка по умолчанию для шаблонов и "точка отсчёта" одновременно. И если там лежит файлик home.pug, то рендерится res.render('home');
Но файлик можно положить куда угодно - нопремер, templates/views/home_place/home.pug - и в методе рендеринга просто вести отсчёт от указанной (явно) папки-по-умолчанию, то есть так: res.render('home_place/home'); Т.е. система такая же, как и с раздачей статики - где есть папка-точка-отсчёта public
Ну и т.д.
С Ханделбарсом можно делать так же, папка views - это точка отсчёта.

[UNy]

Abcdefgk, спасибо за объяснение.

Answer 1

[Антон Спирин]

Вы, конечно, извините, но:
1. Читайте документацию и смотрите исходники.
2. Читайте документацию и смотрите исходники.
3. Читайте документацию и смотрите исходники.

Раз вам мало знать, что вьюхи лежат по-умолчанию в папке views, лайауты в layouts, а в шаблоны можно передавать данные вторым аргументом метода render, то изучайте исходники и увидите собственными глазами как именно это все работает.

Comments

[UNy]

Спасибо за ответ, просто читаю книгу по node и express и там не написано что где лежит, а просто создайте это тут , а это там)