什么是 express-hbs
express-hbs 是一个 npm 包，是 Express 框架的一个视图引擎，它使用 Handlebars 语法。它可以轻松地创建和渲染模板，使得我们可以轻松地创建和渲染 HTML 页面。
安装
安装 express-hbs 的命令为：
npm install express-hbs
我们可以在 Express 中使用以下代码来使用 express-hbs：
const expHbs = require('express-hbs');
app.engine('hbs', expHbs.__express);
app.set('view engine', 'hbs');设置默认布局
我们可以在 express-hbs 中定义一个默认的布局文件来使得网页更加美观。在创建好布局文件后，我们可以在 express-hbs 中引用布局文件来使用。
在 express-hbs 中，我们可以通过以下代码来设置默认的布局：
app.set('view options', { layout: 'layouts/main.hbs' });渲染视图
我们可以通过以下代码来渲染视图：
app.get('/', function(req, res) {
res.render('home', { title: 'Home Page', body: 'This is home page' });
});其中，'home' 是模板文件的名称，{ title: 'Home Page', body: 'This is home page' } 是传递给模板的数据。
注册视图帮助函数
在 express-hbs 中，我们可以通过以下代码来注册视图帮助函数：
expHbs.registerHelper('reverseString', function(str) {
return str.split('').reverse().join('');
});其中，registerHelper() 方法用于注册视图帮助函数，它的第一个参数是函数名称，第二个参数是函数实现。
使用视图帮助函数
我们可以在模板文件中使用视图帮助函数来实现一些功能。以下是一个使用视图帮助函数的示例：
<h1>Reverse Title: {{reverseString title}}</h1>其中，在双括号中使用视图帮助函数，并传递 title 参数。
总结
express-hbs 是一个强大的 npm 包，它可以让我们轻松地创建和渲染 HTML 页面。在本文中，我们学习了如何安装 express-hbs，如何定义默认布局，如何渲染视图，以及如何注册和使用视图帮助函数。感谢你的阅读，希望这篇教程对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70202