Express.js res.render()函数
原文:https://www . geesforgeks . org/express-js-RES-render-function/
res.render() 函数用于渲染视图,并将渲染后的 HTML 字符串发送给客户端。
语法:
res.render(view [, locals] [, callback])
参数:该函数接受两个参数,如上所述,如下所述:
- 局部变量:它基本上是一个对象,其属性定义了视图的局部变量。
- 回调是一个回调函数。
返回:返回一个对象。
快递模块安装:
1.您可以访问安装快速模块的链接。您可以使用此命令安装此软件包。
npm install express
2.安装快速模块后,您可以使用命令在命令提示符下检查您的快速版本。
npm version express
3.之后,您可以创建一个文件夹并添加一个文件,例如 index.js。
node index.js
示例 1: 文件名:index.js
java 描述语言
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);
});
在视图文件夹中创建一个 home.ejs 文件,代码如下: 文件名:home.ejs
超文本标记语言
<html>
<head>
<title>res.render() Demo</title>
</head>
<body>
<h2>Welcome to GeeksforGeeks</h2>
</body>
</html>
运行程序的步骤:
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
java 描述语言
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);
});
在视图文件夹中创建一个 User.ejs 文件,代码如下: 文件名: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
版权属于:月萌API www.moonapi.com,转载请注明出处