Express.js | app.render()函数

在Express.js中，app.render()函数是用于渲染视图的函数。它可以将视图渲染为HTML并将其发送到浏览器。在本文中，我们将介绍如何在Express.js应用程序中使用app.render()函数进行视图渲染。

使用方法

app.render()函数的基本语法如下：

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

其中，参数说明如下：

• view：视图的名称
• locals：数据对象，包含要呈现的模板中使用的变量
• callback：回调函数，它会在视图渲染完成后被调用

下面是一个简单的示例：

app.get('/example', function(req, res) {
    res.render('example', { title: 'Express.js' });
});

在此示例中，我们使用了app.get()函数来处理HTTP GET请求。在回调函数中，我们使用res.render()函数来呈现名为"example"的视图。我们还传递了一个包含"title"属性的对象。这个对象将呈现为视图中的变量，可以通过ejs或其他模板引擎来使用。

使用EJS进行视图渲染

Express.js支持多种模板引擎，如EJS，Jade等。下面是一个使用EJS进行视图渲染的示例：

app.set('view engine', 'ejs');

app.get('/example', function(req, res) {
    res.render('example', { title: 'Express.js' });
});

在此示例中，我们使用app.set()函数将视图引擎设置为EJS。然后，我们只需在res.render()函数中指定视图名称和数据对象即可呈现视图。EJS使用<%= %>来呈现变量。

程序代码片段

下面是一个完整的Express.js应用程序，使用EJS进行视图渲染：

const express = require('express');
const app = express();

app.set('view engine', 'ejs');

app.get('/example', function(req, res) {
    res.render('example', { title: 'Express.js' });
});

app.listen(3000, function() {
    console.log('App listening on port 3000!');
});

完整的程序代码片段已经给出，你可以在你的Express.js应用程序中使用它来呈现视图。祝你好运！