博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用artTemplate模板将json转换为html页面
阅读量:5889 次
发布时间:2019-06-19

本文共 578 字,大约阅读时间需要 1 分钟。

hot3.png

有个小的工作任务将给定的一个大的json文件转换为html页面展示,搜索了一下有一些js模板可以完成这个需求,上网搜索之有artTemplate(腾讯出品),baiduTemplate(百度出品),看了github上的更新记录,都是年久失修的,不过artTemplate相对来说用的人多,issue也多,决定采用这个附上,

主要看语法就是一些if和each遍历了,例如

使用一个type="text/html"script标签存放模板:

渲染模板

var data = {    title: '标签',    list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']};var html = template('test', data);document.getElementById('content').innerHTML = html;

实例就是在页面中引入js文件,然后和普通的js没什么区别,写一个模板,然后调用template函数生成相应的html片段,然后嵌入到相应的位置就可以了,附上一个实例

本人不是专业的前端工程师,??,无奈 中......记录下,万一以后用到呢

转载于:https://my.oschina.net/Chaos777/blog/731989

你可能感兴趣的文章
步步为营Hibernate全攻略(一)构建Hibernate框架环境
查看>>
【开放源代码】【谐波数据生成器】【上位机软件】(版本:0.00)
查看>>
Hibernate基础-HelloWord
查看>>
提高查询速度方法总结
查看>>
Android开发指南(30) —— Multimedia and Camera
查看>>
在Android中使用mkdir在sdcard中创建文件夹出错
查看>>
nova network工作原理及配置
查看>>
SQL语句AND 和 OR执行的优先级
查看>>
Android Studio系列教程四--Gradle基础
查看>>
在ASP.NET MVC3 中利用JSONP跨域登录WEB系统
查看>>
事件绑定的几种常见方式
查看>>
添加cordova-plugin-file-opener2后,打包出错
查看>>
python 重载方法有哪些特点 - 老王python - 博客园
查看>>
在Fedora8上安装MySQL5.0.45的过程
查看>>
TCP长连接与短连接的区别
查看>>
设计模式之命令模式
查看>>
android 测试 mondey
查看>>
Spring AOP项目应用——方法入参校验 & 日志横切
查看>>
TestNG 六 测试结果
查看>>
用Fiddler或Charles进行mock数据搭建测试环境
查看>>