欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

ejs数据处理

发布时间：2023/12/31 编程问答 38 豆豆
生活随笔 收集整理的这篇文章主要介绍了 ejs数据处理 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

ejs读取对象数据

test.js

const ejs=require('ejs');//ejs渲染的数据是在回调里面 ejs.renderFile('./views/1.ejs', {name: '马优晨',age:18, pas:'888898'}, function (err, data){console.log(data); });

1.ejs

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><div>姓名： <%=name?name:''%></div><div>年龄： <%=age?age:''%></div><div>密码： <%=pas?pas:''%></div></body> </html>

ejs读取json数据

test.js

const ejs=require('ejs');ejs.renderFile('./views/2.ejs', {json: {arr: [{user: '马优晨', pass: '123456'},{user: 'zhangsan', pass: '654321'},{user: 'xiaoming', pass: '999999'}, ]}}, function (err, data){if(data) console.log(data);console.log(err); });

2.ejs

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><div>姓名： <%=json.arr[0].user%>密码： <%=json.arr[1].pass%></div></body> </html>

ejs遍历数据

test.js

const ejs=require('ejs');ejs.renderFile('./views/3.ejs', {json: {arr: [{user: '马优晨', pass: '123456'},{user: 'zhangsan', pass: '654321'},{user: 'xiaoming', pass: '999999'}, ]}}, function (err, data){console.log(data); });

3.ejs

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><!-- 遍历数据 --><% for(var i=0;i<json.arr.length;i++) {%><div>用户名：<%=json.arr[i].user%> 密码：<%=json.arr[i].pass%></div><% } %></body> </html>

ejs解析转义数据和不需要转义的数据

test.js

const ejs=require('ejs');ejs.renderFile('./views/4.ejs', {}, function (err, data){console.log(data); });

4.ejs

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><!-- 定义一个变量 --><%var str="<div>可以直接渲染一个div</div>";%><%var str2="<div><p>2323</p><p>9999</p></div>";%><!-- 变量渲染 --><%- str %><%- str2 %></body> </html>

ejs页面内引入文件片段

test.js

const ejs=require('ejs');ejs.renderFile('./views/5.ejs', {}, function (err, data){console.log(data); });

5.ejs

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><% for(var i=0;i<2;i++){ %><% include ../a.txt %><% } %><% include ../b.html %></body> </html>

ejs页面内引入文件片段

test.js

const ejs=require('ejs');ejs.renderFile('./views/6.ejs', {type: 'admin'}, function (err, data){console.log(data); });

6.ejs

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><% if(type=='admin'){ %><% include ../style/admin.css %><%}else{%><% include ../style/user.css %><% } %></body> </html>

总结

以上是生活随笔为你收集整理的ejs数据处理的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。