撰写时间:2019.4.24
之前写过一篇文章是将导入的Excel表格的数据保存到session,有人问我那怎么导入Excel表格呢?好吧,原谅我以为你们都知道,哈哈。导入Excel表格,需要的是将Excel表格里面的数据导入到数据库中并保存
如下,弹出导入Excel表格模态框,跟之前新增、修改弹出的模态框基本一样,首先给导入按钮绑定方法,重置表单等等
导入模态框里面会有一张临时表,用于临时显示导入的Excel表格里面的数据,所有需要初始化导入数据临时表,注意Excel表格表头部分要跟数据库内容一致,否则会出现导入失败
这个模态框里面增加了两个小功能:
禁用保存到数据库的按钮:
$("#btnSaveImport").prop(“disabled”, true);
在没有下载到导入模板,显示临时表格之前,导入数据库的按钮会被禁用
点击背景时不关闭动态模态框,按下esc时不关闭动态模态
$("#modImportExaminee").modal({ backdrop: false, keyboard: false });
除了点击右上角的“×”关闭模态框,点击其他地方都不能关闭
然后就是下载模板,给下载导入模板按钮绑定方法
打开一个新的窗口,并在窗口中装载指定URL地址的网页
系统开发人员需要设定文件的指定路径,把模板放置到设定的文件中,下载模板的代码比较固定,所有只需要理解并使用这些方法和步骤就行。
上传Excel表格,保存到临时表,避免取消选择文件后触发上传
然后就是显示加载层、提交表单、表格数据重载这些
注意:提交表单的时候触发的方法就是之前介绍的将导入的Excel表格的数据保存到session的方法,以及提取Session中的数据、并进行分页操作,所以就过多的介绍了