标签：div 解析 name exp 输出 服务 bsp 转义 服务器
服务器渲染页面 ejs
高效的 js 模版引擎
将数据提前渲染到页面上， 再将渲染好的页面返回响应给浏览器
npm install ejs
无需引用，但是要配置模板资源目录
// app.set(‘views‘, ‘模板资源目录‘);
app.set(‘views‘, ‘views‘); // 通常文件夹 也叫 views
1. 配置模板资源目录
app.set(‘views‘, ‘views‘); // 通常文件夹 也叫 views
2. 配置要使用的模板引擎
app.set(‘views engine‘, ‘ejs‘);
3. 将 后台数据 渲染到 模板资源 上
app.get(‘/ejs‘, (request, response)=>{
const data = [{
"name": ‘孙悟空‘.
"age": 555
},{
"name": ‘白骨精‘,
"age": 18
}];
response.render(‘test.ejs‘, {data}); // .ejs 可以省略
});
4. views/test.ejs
模板语法
1. <% %> 其中可以写任意 js 代码
2. <%= %>
3. <%- %>
源码测试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>login</title>
</head>
<body>
<% console.log("哈哈"); %>
不会显示到页面上
<%= data[0].name %>
输出指定数据到页面上
不会解析标签，转义 HTML 相关源码后输出
安全性更高
<%- data[1].name %>
输出指定数据到页面上
解析 HTML 源码
一般结合使用：
<% for(var i=0; i<10; i++){ %>
<%= data[i].name %>
<% }; %>
</body>
</html>
凡是经过用户输入的东西，都需要进行特殊处理。
5
55
5
5
5
5
5
5
5
55
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
标签：div 解析 name exp 输出 服务 bsp 转义 服务器
原文地址：https://www.cnblogs.com/tianxiaxuange/p/10161688.html
