res.render用法介绍

一、res.render是什么

res.render是Express框架中常用的一个方法，用于渲染视图模板并返回给客户端。其主要作用是将数据渲染至模板，形成客户端可阅读的HTML或其他格式的文档。

使用res.render方法需要指定要渲染的模板文件及需要传递给视图的数据。一般情况下，我们会将模板文件放置于views目录下，然后使用res.render方法将其渲染至客户端。

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

app.set('view engine', 'ejs'); //指定模板引擎为ejs

app.get('/', (req, res) => {
  res.render('index', { name: 'Tom', age: 18 }); //渲染index.ejs模板并传递name和age变量
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

二、使用res.render的好处

res.render方法能够将服务器端的数据和模板文件组合成完整的HTML文档，使得前端页面的显示功能更加直观。通过使用模板引擎，能够方便地对显示页面进行修改和定制。

同时，res.render方法也非常方便地支持了许多模板引擎，例如ejs、pug、handlebars等，使得程序员能够根据个人的喜好和项目需求进行选择，满足项目的需求。

三、res.render的使用方法

1、设置视图引擎。

在使用res.render之前，我们需要指定使用哪种视图引擎。一般情况下我们使用的是ejs，可以通过以下代码进行设置：

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

2、指定视图模板。

将要用于渲染的模板文件存放于views文件夹中，在调用res.render方法时指定模板文件的名称即可。模板文件通常使用ejs文件后缀名，例如index.ejs：

      


    


    
    


    <%- body %> 

四、res.render的参数列表

res.render方法可以传递以下四个参数：

五、小结

通过本文的介绍，我们了解了什么是res.render方法以及其主要作用。同时也学习了如何使用res.render方法并且在渲染模板中传递数据和使用layout模板。希望本文对读者能够有所帮助。