5.3.2 文件的上传和下载
本系统设计中使用到的特色技术中,文件上传和下载功能主要提供于员工报销页面。
如图5.3.2.1、5.3.2.2所示,文件下载功能的主要作用于给员工提供一个本系统指定的报销导入模板,方便批量导入报销数据。
图5.3.2.1员工报销模板下载图
图5.3.2.2员工报销模板下载图
如图5.3.2.3、5.3.2.4、5.3.2.5所示,文件上传功能主要作用于给员工提供一个从本机导入报销文件,并且解析此文件内容自动填充到前台表格中。
图5.3.2.3员工报销批量导入图
图5.3.2.4员工报销文件导入图
图5.3.2.5解析报销文件在前台显示图
在基于论文中5.1以及5.2模块中的前后端技术介绍,对此特色技术进行如下展示:
文件下载功能实现:
如图5.3.2.6所示,当用户点击前端页面模板下载按钮时,触发点击事件,直接可以发起页面请求给SpringMvc。
图5.3.2.6点击下载按钮发送请求图
如图5.3.2.7所示,执行如下方法可以直接在页面进行指定文件的下载。
图5.3.2.7文件下载方法图
文件上传功能实现:
如图5.3.2.8、5.3.2.9所示,当用户点击前端页面批量导入按钮时,触发点击事件,直接可以发起页面请求给SpringMvc;并行做清空表格上一次导入数据内容的操作。
图5.3.2.9点击上传按钮发送请求图
图5.3.2.10点击上传按钮清空表格内容图
如图5.3.2.11所示,执行如下方法可以直接在页面进行指定文件的下载。
图5.3.2.10SpringMvc接收到请求进行上传文件图
如图5.3.2.11所示,该方法用于解析用户上传的文件,并且将文件内容进行解析封装数据传递给前台界面。
图5.3.2.11接收到上传文件并解析封装内容图
该功能的实现同样需要添加一个重要的配置如图5.3.2.12所示。
图5.3.2.12上传图片及文件配置图
以上所展示的内容,就是本系统进行文件上传及下载的全部技术解释。