js实现模板下载,通过xlsx这个库解析模板里面的数据发送给后端

1.我们在工作中经常遇到这样的需求,上传EXCEL表格.一般这个需求分为两块:(1).给用户下载指定的模板(2)通过下载的模板填写数据然后上传给后端.

2.我们先说给用户下载指定的模板:

(1).首先我们要在桌面创建一个EXCEL表格模板,如图:

(2)模板创建好了我们要把他放在项目中的文件夹中,以便我点击下载的时候能找到,一般存放的位置如图:

(3)准备好前面两项,我们就可以开始写代码了:

3.用户下载好模板,在Excel中填写数据后,这个就有个需求是上次Excel.有的后端会让你直接把模板传给他,他去解析里面的内容.一般情况下都是我们自己解析内容做数据处理发送给后台.这个时候我们就要用到一个插件 "xlsx"帮助我们完成解析.

(1).首先下载xlsx:

npm install xlsx@0.160 --save

注意:这里有个bug 如果直接下载npm install xlsx --save,默认下载为最新版本,但是最新版本可能会报错.

出现“export ‘default‘ (imported as ‘XLSX‘) was not found in ‘xlsx‘警告提示

这个很好解决,如果遇到这样的问题,先卸载掉,然后重新  npm install xlsx@0.160 --save   (@后面跟版本号)

(2).下载好了我们就可以引入进来

(3).下面就开始上传文件的流程

 

这个data就是解析模板后值,根据需求然后去整理数据,掉接口就完事了 

注:这是页面: