vue+element+poi导入多级标题多sheet页excel

已于 2022-08-25 21:11:06 修改
阅读量1.7k 收藏 4
点赞数
文章标签： java
于 2019-06-27 14:50:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tongxin_tongmeng/article/details/93876970
版权

上一篇博客实现了vue+element导出多级标题多sheet页excel,本篇主要实现将导出的多级标题多sheet页的excel重新导入的页面.之前写过js导入excel的博客,但是那个是没有多级标题的,导入之后可以根据sheet页名称获取封装sheet页数据的数组,每一行数据对应一个数组元素,该数组元素是一个对象,属性名为导入的excel的sheet页的标题(也就是第一行数据),但是当导入多级标题时,由于第一行数据是一级标题,这样就无法将excel的一行数据封装为我们想要的对象形式,所以当导入多级标题excel时,通过POI在后台对excel数据进行封装,然后在前台将POI封装的数据转移到element的table中.

导入之前tab页表格

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

导入excel的sheet页

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

具体实现如下:

20190627152114659.png

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

导入之后tab页表格

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 

童心同萌
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用EasyExcel添加多级分类功能
小唐的博客
06-29 3876
绪论 当面对很多数据要处理，并且需要导入导出Excel表格时。在使用POI时发现非常耗内存，这时GitHub上的阿里开源项目Easy Excel可以解决此类问题，它是基于java的读写Excel，十分省内存。本篇博文主要是总结其简单使用以及关于添加分类功能的实现。 快速入门 创建项目导入依赖（此依赖依靠PIO模块，项目还需要导入PIO模块） <dependency> <groupId>com.alibaba</groupId> <ar
vue + element-ui实现简洁的导入导出功能
10-18
Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是 Mint UI，下面这篇文章主要给大家介绍了关于利用vue + element-ui如何实现简洁的导入导出功能的相关资料，需要的朋友可以...
SpringBoot+Vue实现个人信息以及头像数据联动
不愧是暮言的博客
02-10 4769
我们在进行功能实现的时候，个人信息是极其重要的一部分。不仅能展示用户的信息给用户，还能让我们的项目更多元化，让用户的体验感得到提升。我们后端利用SpringBoot整合Mybaties-plus获取数据库里面的user表数据，前端利用Vue调用后端接口进行数据渲染。
使用Vue实现Excel文件的导入与导出
nbsaas-boot基于Request-Response的企业级快速开发框架
06-22 683
通过结合xlsxfile-saver和Element UI库，可以在Vue项目中方便地实现Excel文件的导入与导出功能。这不仅提升了用户体验，还简化了与Excel数据的交互过程。导出Excel文件：使用xlsx库生成Excel文件，并使用file-saver库将其保存到用户设备。导入Excel文件：使用Element UI的文件上传组件获取文件，并使用xlsx库解析Excel文件内容。这些技术和库的结合使用，为前端开发人员提供了一套强大的工具，用于处理Excel文件的导入与导出需求。
vue3导出多级表头或者简单EXCEL
word_so_big的博客
10-13 482
1、下载XLSL并且引入。2、创建导出方法，写入。
使用xlsx.js导出有复杂表头的excel
seeflyliu的博客
11-03 1万+
前端使用xlsx.js导出有复杂表头的excel 参考： Vue项目中使用xlsx-style导出有格式的表格，这个博客中的实现是针对单个excel手写合并样式，比较繁琐。 我这里实现了根据table的表头数据结构，自动生成和页面上相同的excel表格。 1、简介 需求要导出表格数据到excel，本来想在后端用poi来弄，但是回想起之前同事被poi支配的恐惧，我搜了一下还是觉得在前端使用xlsx.js来搞，这样比较简单。虽然没有要求表格样式，但是我觉得还是弄成多级表头比较好看。 2、效果 页面导出数
java 导出excel工具类
weixin_57581505的博客
02-22 2241
Excel相关处理,导出调用exportExcel(response, list, "用户数据"); public class ExcelUtil<T> { private static final Logger log = LoggerFactory.getLogger(ExcelUtil.class); /** * Excel sheet最大行数，默认65536 */ public static final int sheetSize =.
Springboot导出EXCEl方法（若依实例）
热门推荐
xsj5211314的博客
04-02 2万+
本文介绍springboot中将数据导出为EXCEL表格文件的方法和具体实现，方法来自若依ruoyispringboot+vue
HZYWX-技术交流-开发中的导入导出
weixin_42753282的博客
04-22 1285
Java导入导出
SPRINGBOOT+VUE项目实战
p6448777的博客
05-01 1007
10、注册与异常处理。
尚硅谷谷粒学院学习笔记6--EasyExcel，课程相关模块，章节小节
dyk
10-04 998
EasyExcel，课程相关模块EasyExcelExcel导入导出的应用场景引入依赖创建实体类EasyExcel对Excel写操作EasyExcel对Excel读操作创建读取操作的监听器读取课程分类管理接口service-edu模块配置依赖创建和Excel对应的实体类EduSubjectControllerEduSubjectServiceEduSubjectServiceImpl创建读取Excel监听器课程分类前端添加路由save.vuetemplate回调函数完整版分类列表展示后端一级分类实体类二级分
vue+element-ui动态生成多级表头的方法
10-18
标题中的“vue+element-ui动态生成多级表头的方法”是指在Vue.js应用程序中使用Element-UI库来创建一个能够根据数据动态展示多级表头的表格组件。Element-UI是一个流行的前端UI框架，它提供了丰富的组件库，适用于...
vue+element实现大文件上传
07-04
vue+element实现大文件上传
vue+element实现打印页面功能
10-16
主要介绍了vue+element实现打印页面功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
基于vue + element UI 的后台管理系统模板
09-12
Element UI 是一套基于 Vue.js 的开源UI组件库，由饿了么团队开发，提供了一系列完善的企业级组件，如表格、按钮、提示、下拉框、导航、弹窗等。Element UI的设计理念是“简单、实用”，它的组件样式统一且易于定制...
java springboot 集成 阿里通义千问
qq_25987725的博客
07-25 333
一、在阿里云https://www.aliyun.com官网直接搜索“通义千问”，点击“开通DashScope”进行服务激活。四、在config目录添加配置 TongYiAiConfiguration.java。三、在yml中配置中配置key。二、加入Maven依赖。
使用hutool工具判断字符串是否全部是字母(包括大小写)，java判断字符串是否全部是字母(包括大小写)
最新发布
qq_43700885的博客
07-29 436
1.导入hutool的maven依赖。2.复制一下代码执行。
java判断邮箱地址是否正确，使用hutool工具判断邮箱地址是否正确
qq_43700885的博客
07-29 236
1.导入hutool的maven依赖。2.直接复制一下代码运行。
vue+element-ui实现导入excel的demo
05-25
以下是一个基于 Vue 和 Element UI 的导入 Excel 的示例代码： ```vue class="upload-excel" :before-upload="beforeUpload" :on-success="onUploadSuccess" :on-error="onUploadError" :file-list=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

童心同萌

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值