如何在 Node.js 中设置把手视图引擎?
Handlebars 是一个应用广泛且易于使用的模板引擎。这些页面包含 .hbs 扩展名,市场上还有许多其他模板引擎,如 EJS、Mustache 等。
hbs模块的安装:
- 您可以访问链接安装 hbs 模块。您可以使用此命令安装此软件包。
npm install hbs
- 安装 hbs 模块后,您可以使用命令在命令提示符下检查您的 hbs 版本。
npm version hbs
- 之后,您可以创建一个文件夹并添加一个文件,例如 index.js,要运行此文件,您需要运行以下命令。
node index.js
- 要设置 hbs 视图引擎,您需要在 index.js 中编写此中间件,如下所示:
app.set('views', path.join(__dirname)) app.set('view engine', 'hbs')
- 现在创建文件并运行代码。它将显示结果。
文件名:Home.hbs
Handlebars Demo
{{#each array}}
{{this}}
{{/each}}
{{message}}
文件名:index.js
const express = require('express')
const path = require('path')
const hbs = require('hbs')
const app = express()
// View Engine Setup
app.set('views', path.join(__dirname))
app.set('view engine', 'hbs')
app.get('/', function(req, res){
res.render('Home', {
array: ['One', 'Two', 'Three', 'Four'],
message: 'Greetings from geekforgeeks'
})
})
app.listen(8080, function(error){
if(error) throw error
console.log("Server created Successfully")
})
运行程序的步骤:
- 项目结构将如下所示:
- 确保您已使用以下命令安装 hbs 和 express 模块:
npm install hbs npm install express
- 使用以下命令运行 index.js 文件:
node index.js
- 打开浏览器并输入此 URL: http://localhost:8080/ 。然后您将看到 Home.hbs 页面,如下所示:
这就是在 node.js 中设置 Handlebars (hbs) 视图引擎的方法。还有许多其他的车把引擎,例如 EJS、Mustache 等。