如何在express js中设计布局页面？

Question

我需要使用 handlebars 在 express js 中创建静态布局页面。布局将包含页眉（包含用户名和公司徽标）和页脚（包含版权信息）。因此，布局页面对于路由中的所有页面应该是通用的，并且只有它的主体内容应该动态变化。我曾尝试将页眉和页脚渲染为部分视图，但它仅显示在索引页面中，而不会出现在其他页面中。请建议我为 express js 应用程序设计布局页面

Answer 1

你可以轻松做到。只需准备您的 layout.hbs 文件，然后将 {{{body}}} 放在您希望添加所有其他部分的位置。或者（我更喜欢这种方式）您可以使用带有一些额外功能的加长版车把。

您必须下载模块 express-handlebars 并在您的服务器中需要它，然后您需要像这样修改模板引擎的配置：

var expressHbs = require('express-handlebars');
app.engine('.hbs', expressHbs({defaultLayout: 'layout', extname: '.hbs'}));
app.set('view engine', '.hbs');

然后只需在视图文件夹中创建文件夹 "layouts" 和 "partials"。并在布局文件夹中创建 "layout.hbs"。现在您的应用将从布局页面运行。然后使用此语法 {{> partialName}} 将所有部分放在一起到您的布局中。您放入分音文件夹的所有其他分音

如何在express js中设计布局页面？

How to design layout page in express js?

node.js

express

handlebars.js

express-handlebars