如何在 Node.js 中使用 ExpressJS 进行模板化？

模板引擎：模板引擎基本上可以帮助我们以最少的代码使用静态模板文件。在运行时，模板引擎在客户端用实际值替换所有变量。

模板引擎示例：

EJS（嵌入式 JavaScript 模板）
哈巴狗
胡子

在本文中，我们将使用 EJS 引擎。

设置 NPM 包：
```
npm init -y
```
安装依赖
```
npm install ejs express --save
```

基本 ExpressJS 服务器：

Javascript

const express = require('express');
const app = express();
  
  
app.get('/' , (req , res)=>{
    res.send("GeeksforGeeks");
})
  
app.listen(4000 , ()=>{
    console.log("server is running on port 4000");
})

Javascript

const express = require('express');
const app = express();
  
app.set('view engine', 'ejs');
  
app.get('/' , (req , res)=>{
    res.send("GeeksforGeeks");
})
  
app.listen(4000 , ()=>{
    console.log("server is running on port 4000");
})

index.ejs





    
    
    


    GeeksforGeeks

Javascript

const express = require('express');
const app = express();
  
app.set('view engine', 'ejs');
  
app.get('/:name' , (req , res)=>{
    res.render("index" , {
        data : req.params.name
    });
})
  
app.listen(4000 , ()=>{
    console.log("server is running on port 4000");
})

Javascript

输出：

添加EJS引擎：这里我们需要将ejs设置为我们的视图引擎。

Javascript

const express = require('express');
const app = express();
  
app.set('view engine', 'ejs');
  
app.get('/' , (req , res)=>{
    res.send("GeeksforGeeks");
})
  
app.listen(4000 , ()=>{
    console.log("server is running on port 4000");
})

索引.ejs





    
    
    


    GeeksforGeeks

输出：

输出

EJS文件的渲染：

Javascript

const express = require('express');
const app = express();
  
app.set('view engine', 'ejs');
  
app.get('/:name' , (req , res)=>{
    res.render("index" , {
        data : req.params.name
    });
})
  
app.listen(4000 , ()=>{
    console.log("server is running on port 4000");
})

存储数据：这里我们必须存储数据var name = "<%= data %>" 。

Javascript

输出：