纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例

相关教程:
纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例(2)
纯前端利用 js-xlsx(3) 之合并单元格
纯前端利用 js-xlsx 之单元格样式(4)
js-xlsx导出自定义合并列头实现思路
js-xlsx工具类库 xlsxUtils 使用示例
handsontable结合js-xlsx实现可编辑xlsx导入导出功能(参考)
js-xlsx异步文件流读取示例
两种使用原生js实现导出excel数据简单讲解

1.导入功能实现

下载js-xlsx到dist复制出xlsx.full.min.js引入到页面中
然后通过FileReader对象读取文件利用js-xlsx转成json数据
代码实现(==>示例<==)

2.导出功能的实现

同样引入js-xlsx
代码实现(==>示例<==)

    
    
    



    导出
    
    
    

3.使用Python将excel转成Json创建测试数据

代码

import sys
import xlrd
import json 
 
file =sys.argv[1] 
data = xlrd.open_workbook(file)
table=data.sheets()[0]

def haveNoIndex(table):
    returnData=[]
    keyMap=table.row_values(0) 
    for i in range(table.nrows):#row
        tmpmp={}
        tmpInd=0
        for k in table.row_values(i): 
            tmpmp[keyMap[tmpInd]]=k
            tmpInd=tmpInd+1  
        returnData.append(tmpmp);
    return json.dumps(returnData,ensure_ascii=False,indent=2)

returnJson= haveNoIndex(table) 
fp = open(file+".json","w",encoding='utf-8')
fp.write(returnJson)
fp.close()

导出示例的测试数据已经含有表头了如果没有表头可以直接将json中的遍历第一条数据的key创建一个value=key（{key:key}）插入到json第一条就可以了
其他相关教程参考：
Node读写Excel文件探究实践
XCel 项目总结 - Electron 与 Vue 的性能优化