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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。