Express.js res.render()函数

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

句法：

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

参数：此函数接受上面提到的两个参数，如下所述：

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

返回：它返回一个对象。

express模块的安装：

1.您可以访问安装快递模块的链接。您可以使用此命令安装此软件包。

npm install express

2. 安装 express 模块后，您可以在命令提示符下使用命令查看您的 express 版本。

npm version express

3. 之后，您可以创建一个文件夹并添加一个文件，例如 index.js。要运行此文件，您需要运行以下命令。

node index.js

示例 1：文件名：index.js

Javascript

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文件：
文件名：home.ejs

HTML

    


    
Welcome to GeeksforGeeks

运行程序的步骤：

1. 确保您已经使用以下命令安装了express和ejs模块：

npm install express
npm install ejs

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

node index.js

输出：

Server listening on PORT 3000

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

Welcome to GeeksforGeeks

示例 2：文件名：index.js

Javascript

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文件，代码如下：
文件名：User.ejs

HTML

    


    
Render Function Demo

使用以下命令运行 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