excle表格的导入导出

导入

• 使用场景: 单个新建效率太慢,可以准备excle表格把信息一次性导入
• 技术方案: 参考vue-element-admin现成的方案(其他方案也可以用)
• 具体实施:

1. 找到方案 代码移植到自己的项目 ,安装必要依赖 xlsx
2. 准备一个现成的excel文件 (数据是按照后端要求的字段来统计的)
3. 使用插件把excel文件处理为js可以识别的数据类型
4. 把插件处理好的js数据转化成接口要求的格式(纯js处理数据)
5. 使用规范的数据调用导入接口

• 可选方案:

1. 前端主导方案
2. 后端主导方案
   (1) 前端只需要调用接口把excel表格文件传过去既可以
   (2) 后端拿到前端传过去文件之后进行解析插入的数据库中

导出

• 使用场景:需要根据table导出一个excel表格
• 技术方案:参考vue-element-admin现成的导出方案
• 具体实施:

1. 找到方案,下载必要依赖
2. 按照插件的必要参数要求(数据格式) 准备一些静态数据测试基础导出功能
3. 基础功能没有问题,调用接口获取真实的导出数据,进行数据处理,处理成插件要求的格式 ,传到对应的位置

• 可选方案:

1. 前端主导方案
2. 后端主导方案
   (1)前端根据接口参数传递必要的数据给后端(导出的数据)
   (2) 后端拿到数据,从数据库中把对应的所有数据查到, 把数据解析成一个excel文件,然后作为接口的返回值返回给前端
   并定义数据类型为流类型 blob
   (3) 客户端监控返回的格式为blob ,自动触发浏览器下载机制