当前位置:首页 » 网页前端 » 前端从后端拿excel文件
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端从后端拿excel文件

发布时间: 2023-07-09 15:44:34

前端、后台对excel表格的处理

这样的需求需要通过一些专业的类Excel控件来完成,这些类Excel控件一般都会有Excel表格展示的功能,在您的系统页面中嵌入上控件之后页面中就会初始化一个Excel表格,之后控件一般都会将Excel的相关功能全部封装成对应的API,例如Excel的导入,导出,公式,图表,形状,单元格操作等。之后根据需求需要用到哪些调用相应的API就可以完成了。

所以你上面说的读进用户的Excel,其实就是导入功能,求和就是公式相关操作的一种,提取列的数据就是正常的单元格操作的其中一种。

如果你是前端导入的话,这里推荐使用SpreadJS,这个是一个纯前端的类Excel控件,可以用JavaScript语言实现上述所有的功能。

② 前端怎么实现导出excel内容是数值

在web开发中,有一个经典的功能,就是数据的导入导出。特别是数据的导出,在生产管理或者财务系统中用的非常普遍,因为这些系统经常要做一些报表打印的工作。而数据导出的格式一般是EXCEL,我这里就给大家介绍下^_^。
首先我们来导出EXCEL格式的文件吧。现在主流的操作Excel文件的开源工具有很多,用得比较多的就是Apache的POI及JExcelAPI。这里用Apache POI!先去Apache的大本营下载POI的jar包:http://poi.apache.org/
开启分步阅读模式
工具材料:
Eclipse
操作方法
01
首先进入poi的官网,下载需要的jar包,如图所示,下载zip包

02
其次,将下载的zip包解压,并将根目录、lib目录和ooxml-lib目录下的jar包放入工程目录的lib文件中(下一步会说明具体位置)。

03
然后,新建javaweb项目,例如poi-micro项目,将上面的jar包复制到poi-micro\WebContent\WEB-INF\lib目录下,实际上上面的jar包放在本机的固定文件夹中即可,在build path时倒入进去就OK了。

04
导出的excel表格的每一行可抽象成一个实体类,例如,导出学生信息excel表格,则一行记录表示一个学生的信息。以此为例,则需要新建学生实体类Student,如图示。该类有一些属性两个构造方法和get/set方法组成。

05
下面,编写导出excel表格的功能实现类了,为了该类具有通用型,使用泛型和反射机制,安装属性的顺序输出实体类的属性信息。

06
最后编写测试方法,在main方法中新建几个学生对象,调用上面的excel表格导出类的方法即可。

07
最终的导出excel表格如图示。

③ 如何实现SpreadJS的纯前端Excel导入导出

  • 导入

导入时使用excelio的open方法,在successCallBack回掉中我们可以获取到Spread.Sheets的JSON对象。

  • 导出

导出时使用save方法,传递json对象,在successCallBack中会获得一个Excel文件的blob对象。您可以在前段通过使用FileSaver.js直接保存Excel,也可将blob提交服务器处理。

具体的代码实现,请参考下面的博客

http://blog.gcpowertools.com.cn/post/spreadsheetsv10-clientside-excelio.aspx

④ 在vue中,实现纯前端读取和展示excel文件

本项目使用vue Element
使用的插件:XLSX
需要在项目猛春孝中安装依赖 npm install XLSX
excel表格要枝稿放在src/森亩static目录下