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

Question

我需要使用车把在 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');

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