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);
});
HTML
res.render() Demo
Welcome to GeeksforGeeks
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);
});
HTML
res.render() Demo
Render Function Demo
使用以下代码在 views 文件夹中创建home.ejs文件:
文件名:home.ejs
HTML
res.render() Demo
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
res.render() Demo
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