表单导出excel 的解决方案

发布时间 2023-12-28 18:16:56作者: 一封未寄出的信

场景:当只有底图和数据的的时候,底图是一个背景图,次背景图上会有空白的区域,留下来的空白区域是用来展示回显的数据的, 一下情形需要导出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.两者结合起来即可完成此方案

 

 

此两种方案纯属个人想法,如有不足请指正