在后台管理系统的项目开发中,为了系统使用更加方便,通常页面中会有批量导入,导出,上传文件,下载模板等功能。刚好最近做的项目中,有这些功能,正好借此机会做个总结。
页面上的功能如上图所示。
1 下载模板
下载模板的功能比较简单,主要是后台提供的一个下载模板的接口,前端使用的是element-ui中的el-link这个组件,这个组件类似于前端常用的a标签,herf属性指向后端提供的接口即可。
2 导出
3 批量导入
使用的elemet-ui中的el-upload组件
在后台管理系统的项目开发中,为了系统使用更加方便,通常页面中会有批量导入,导出,上传文件,下载模板等功能。刚好最近做的项目中,有这些功能,正好借此机会做个总结。
页面上的功能如上图所示。
下载模板的功能比较简单,主要是后台提供的一个下载模板的接口,前端使用的是element-ui中的el-link这个组件,这个组件类似于前端常用的a标签,herf属性指向后端提供的接口即可。
使用的elemet-ui中的el-upload组件