📜  如何在 Node.js 中设置把手视图引擎?

📅  最后修改于: 2022-05-13 01:56:18.633000             🧑  作者: Mango

如何在 Node.js 中设置把手视图引擎?

Handlebars 是一个应用广泛且易于使用的模板引擎。这些页面包含 .hbs 扩展名,市场上还有许多其他模板引擎,如 EJS、Mustache 等。

hbs模块的安装:

  1. 您可以访问链接安装 hbs 模块。您可以使用此命令安装此软件包。
    npm install hbs
  2. 安装 hbs 模块后,您可以使用命令在命令提示符下检查您的 hbs 版本。
    npm version hbs
  3. 之后,您可以创建一个文件夹并添加一个文件,例如 index.js,要运行此文件,您需要运行以下命令。
    node index.js
  4. 要设置 hbs 视图引擎,您需要在 index.js 中编写此中间件,如下所示:
    app.set('views', path.join(__dirname))
    app.set('view engine', 'hbs')
  5. 现在创建文件并运行代码。它将显示结果。

文件名: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")
})

运行程序的步骤:

  1. 项目结构将如下所示:
  2. 确保您已使用以下命令安装 hbs 和 express 模块:
    npm install hbs
    npm install express
  3. 使用以下命令运行 index.js 文件:
    node index.js

    上述命令的输出

  4. 打开浏览器并输入此 URL: http://localhost:8080/ 。然后您将看到 Home.hbs 页面,如下所示:
    HBS 页面演示

这就是在 node.js 中设置 Handlebars (hbs) 视图引擎的方法。还有许多其他的车把引擎,例如 EJS、Mustache 等。