Express.js res.render()用法及代码示例

res.render()函数用于呈现视图，并将呈现的HTML字符串发送给客户端。

用法:

res.render(view [, locals] [, callback])

参数：该函数接受上述和以下所述的两个参数：

Locals:它本质上是一个对象，其属性定义了视图的局部变量。
Callback它是一个回调函数。

返回值：它重新调整对象。

快递模块的安装：

您可以访问安装Express模块的链接。您可以使用此命令安装此软件包。
```
npm install express
```
安装Express模块后，可以使用命令在命令提示符下检查Express版本。
```
npm version express
```
之后，您可以创建一个文件夹并添加一个文件，例如index.js。要运行此文件，您需要运行以下命令。
```
node index.js
```

范例1： 文件名：index.js

var express = require('express'); 
var app = express(); 
var PORT = 3000; 
  
// View engine setup 
app.set('view engine', 'ejs'); 
  
// Without middleware 
app.get('/user', function(req, res){ 
  
    // Rendering home.ejs page 
    res.render('home'); 
}) 
  
app.listen(PORT, function(err){ 
    if (err) console.log(err); 
    console.log("Server listening on PORT", PORT); 
});

使用以下代码在views文件夹中创建一个home.ejs文件：Filename：home.ejs

<html> 
<head> 
    <title>res.render() Demo</title> 
</head> 
<body> 
    <h2>Welcome to GeeksforGeeks</h2> 
</body> 
</html>

运行程序的步骤：

确保使用以下命令安装了express和ejs模块：
```
npm install express
npm install ejs
```
使用以下命令运行index.js文件：
```
node index.js
```
输出：
```
Server listening on PORT 3000
```
现在打开浏览器并转到http：//localhost：3000 /user，您可以在屏幕上看到以下输出：
```
Welcome to GeeksforGeeks
```

范例2： 文件名：index.js

var express = require('express'); 
var app = express(); 
var PORT = 3000; 
  
// View engine setup 
app.set('view engine', 'ejs'); 
  
// With middleware 
app.use('/', function(req, res, next){ 
    res.render('User') 
    next(); 
}); 
  
app.get('/', function(req, res){ 
    console.log("Render Working") 
    res.send(); 
}); 
  
app.listen(PORT, function(err){ 
    if (err) console.log(err); 
    console.log("Server listening on PORT", PORT); 
});

使用以下代码在views文件夹中创建User.ejs文件：Filename：User.ejs

<html> 
<head> 
    <title>res.render() Demo</title> 
</head> 
<body> 
    <h2>Render Function Demo</h2> 
</body> 
</html>

使用以下命令运行index.js文件：

node index.js

运行上述命令后，您将在控制台屏幕上看到以下输出：

Server listening on PORT 3000
Render Working

现在打开浏览器并转到http：//localhost：3000，您可以在屏幕上看到以下输出：

Render Function Demo

参考： https://expressjs.com/en/5x/api.html#res.render

相关用法

注：本文由纯净天空筛选整理自gouravhammad大神的英文原创作品 Express.js res.render() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。