一、res.render是什么
res.render是Express框架中常用的一個方法,用于渲染視圖模板并返回給客戶端。其主要作用是將數(shù)據(jù)渲染至模板,形成客戶端可閱讀的HTML或其他格式的文檔。
使用res.render方法需要指定要渲染的模板文件及需要傳遞給視圖的數(shù)據(jù)。一般情況下,我們會將模板文件放置于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方法能夠?qū)⒎?wù)器端的數(shù)據(jù)和模板文件組合成完整的HTML文檔,使得前端頁面的顯示功能更加直觀。通過使用模板引擎,能夠方便地對顯示頁面進行修改和定制。
同時,res.render方法也非常方便地支持了許多模板引擎,例如ejs、pug、handlebars等,使得程序員能夠根據(jù)個人的喜好和項目需求進行選擇,滿足項目的需求。
三、res.render的使用方法
1、設(shè)置視圖引擎。
在使用res.render之前,我們需要指定使用哪種視圖引擎。一般情況下我們使用的是ejs,可以通過以下代碼進行設(shè)置:
app.set('view engine', 'ejs');
2、指定視圖模板。
將要用于渲染的模板文件存放于views文件夾中,在調(diào)用res.render方法時指定模板文件的名稱即可。模板文件通常使用ejs文件后綴名,例如index.ejs:
<%= title %>
<%= title %>
<%- body %>
四、res.render的參數(shù)列表
res.render方法可以傳遞以下四個參數(shù):
view(必選):要渲染的模板文件名或相對于views目錄的路徑 locals(可選):對象,包含傳遞給視圖的局部變量 callback(可選):回調(diào)函數(shù),當(dāng)視圖渲染完成后會被調(diào)用 errcallback(可選):錯誤回調(diào)函數(shù),當(dāng)渲染錯誤時會被調(diào)用五、小結(jié)
通過本文的介紹,我們了解了什么是res.render方法以及其主要作用。同時也學(xué)習(xí)了如何使用res.render方法并且在渲染模板中傳遞數(shù)據(jù)和使用layout模板。希望本文對讀者能夠有所幫助。