Hapi поддерживает макеты из коробки. Проблема в том, что вы пытаетесь использовать поддержку макета hapi вместе с модулем handlebars-layouts. Это не сработает. Либо используйте встроенную поддержку макета, либо используйте макеты руля. Также в макете нужно использовать {{#block "body"}}{{/block}}
вместо {{#content "body"}}
. Вот два примера:
С модулем макетов руля:
index.js:
var Handlebars = require('handlebars');
var HandlebarsLayouts = require('handlebars-layouts');
var Hapi = require('hapi');
var Path = require('path');
var engine = Handlebars.create();
HandlebarsLayouts.register(engine);
var server = new Hapi.Server();
server.connection({
host: '127.0.0.1',
port: 8000
});
server.views({
engines: {
html: engine
},
path: Path.join(__dirname, 'views'),
partialsPath: Path.join(__dirname, 'views/partials)'
});
server.route({
method: 'GET',
path: '/item',
handler: function (request, reply) {
reply.view('item', { title: 'Item Title', body: 'Item Body' });
}
});
server.start();
просмотры/частичные/page.html:
{{#extend "layout"}}
{{#content "body"}}
<h2>{{title}}</h2>
{{/content}}
{{#content "foot" mode="prepend"}}
<script src="assets/js/analytics.js"></script>
{{/content}}
{{/extend}}
просмотры/частичные/layout.html:
<html>
<body>
{{#block "body"}}
<h2>Welcome Home</h2>
{{/block}}
{{#block "foot"}}
{{/block}}
</body>
</html>
просмотры/item.html:
{{#embed "page"}}{{/embed}}
{{body}}
Благодаря встроенной поддержке макетов hapi:
index.js:
var Handlebars = require('handlebars');
var Hapi = require('hapi');
var Path = require('path');
var server = new Hapi.Server();
server.connection({
host: '127.0.0.1',
port: 8000
});
server.views({
engines: {
html: Handlebars.create()
},
path: Path.join(__dirname, 'views'),
layoutPath: Path.join(__dirname, 'views/layout'),
layout: true,
partialsPath: Path.join(__dirname, 'views/partials')
});
server.route({
method: 'GET',
path: '/item',
handler: function (request, reply) {
reply.view('item', { title: 'Item Title', body: 'Item Body' });
}
});
server.start();
просмотры/макет/макет.html:
<html>
<body>
{{> header}}
{{{content}}}
{{> footer}}
</body>
</html>
вид/partials/footer.html:
<script src="assets/js/analytics.js"></script>
просмотры/частичные/header.html:
<h2>{{@root.title}}{{^title}}Welcome Home{{/title}}</h2>
просмотры/item.html:
{{body}}
person
Gergo Erdosi
schedule
05.11.2014