场景:当只有底图和数据的的时候,底图是一个背景图,次背景图上会有空白的区域,留下来的空白区域是用来展示回显的数据的, 一下情形需要导出excel 文档
纯前端
方案一:
1.先用一个数组将此底图上的数据收集起来,组成一个数组,同时设置key 和value ,当然 key就是收集来的数据,value就是返回的数据的json形式 ({}) 的key 的名字 (为什么要这样。是因为接下来的循环的时候号将数据用来赋值) table
2.因为返回的数据不是对象,只是一个obj的形式( {} ),所以需要转换成一个对象 新建一个对象,使用push 方法,将此obj 的数据push进去 就会生辰一个新的数组 ( [] )data
3.将t底图的数据 和 返回新建的对象数组进行循环比对,当匹配后,进行赋值,得到一个新的{},然后把{} 在放进一个新的数组中 ( [] ),形成一个 ( [{},{}] )新的数组 tableData
4.在新建一个table,将此新的数组tableData的数据放入table中,生成一个有数据的table
5.然后在使用table 导出excel 的方法即可
方案二:
1.将此view的试图 转化成pdf ,当然,这种导出的内容可以根据自己选择进行转化成为pdf , 网上有实例
2.在将pdf的内容转化成为excel的内容即可,网上有实例
3.两者结合起来即可完成此方案
此两种方案纯属个人想法,如有不足请指正
标签:底图,excel,导出,表单,数组,table,数据 From: https://www.cnblogs.com/rockyjs/p/17933287.html