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

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

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

视图引擎对于呈现网页很有用。市场上有许多可用的视图引擎,如 Mustache、Handlebars、EJS 等,但其中最受欢迎的是 EJS,它仅代表 Embedded JavaScript。它是一种简单的模板语言/引擎,允许其用户使用纯 JavaScript 生成 HTML。

ejs模块的安装:

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

    其中 path 是全局对象, __dirname 保存当前目录地址。 Views 是保存我们所有网页的文件夹。

  5. 现在创建一个像 Demo.ejs 这样的 EJS 文件,并将这个文件放在 views 文件夹中。

文件名:Demo.ejs




    View Engine Demo


  
    -->
  

<%= title %>

         -->   <% if(true){ %>       

Greetings from geeksforgeeks

    <% } %>

文件名:app.js

const express = require('express')
const path = require('path')
const app = express()
  
// View Engine Setup
app.set('views', path.join(__dirname, 'views'))
app.set('view engine', 'ejs')
  
app.get('/', function(req, res){
  
    // Rendering our web page i.e. Demo.ejs
    // and passing title variable through it
    res.render('Demo', {
        title: 'View Engine Demo'
    })
})
  
app.listen(8080, function(error){
    if(error) throw error
    console.log("Server created Successfully")
})

运行程序的步骤:

  1. 项目结构将如下所示:
    项目结构
  2. 确保您拥有像我使用“ejs”一样的“查看引擎”,并使用以下命令安装 express:
    npm install ejs
    npm install express
  3. 使用以下命令运行 app.js 文件:
    node app.js

    上述命令的输出

  4. 打开浏览器并输入此 URL:
    http://localhost:8080/
  5. 然后你会看到Demo.ejs页面如下图:
    Ejs 演示页面

这就是你如何在 node js 中设置视图引擎的方法。还有许多其他引擎,例如 Handlebars、Mustache 等。