MVC的文件导入

经过这段时间MVC的学习中,我学习了MVC的导入,将利用layui的插件和引用IO来完成文件导入这个功能.
首先,我们开始做这个布局,

根据表格的ID来绑定表格

查询的连表


上面的视图就是浏览器形成的样子,下面我们开始做导入这个功能
首先我们要给上面的导入数据按钮绑定一个点击事件,并显示已经做好的模态框


下面是页面操作形成的模态框

导入数据的第一步,下载模板,点击下载模板,在上方模态框的代码中,绑定了点击事件,下载模板.

打开链接

页面显示,在页面的左下方会显示这个下载好的模板

这个是下载好导入模板的列,后面我们会用到

然后,用户上传数据,我们会把模板存储进数据库
首先,把上传按钮绑定点击事件,上面的代码,已经绑定了

然后发送数据到控制器

判断并且获取文件的数据

获取列的数据

进行数据保存


移除空行

最后,我们的数据导入便完成了.
其实,在实际操作过程中,获取并保存数据的过程中是需要验证和保存的,比如
列名,日期应该验证符合日期的格式,并且要查重,所以数据导入保存数据库之前验证数据.