基于Vue和Quasar的前端SPA项目实战之数据导出（十三）#回顾
通过之前一篇文章 「免费开源」基于Vue和Quasar的前端SPA项目实战之数据导入（九）的介绍，通过配置的方式可以零代码实现业务数据的批量导入功能，本文主要介绍业务数据批量导出相关内容。
#简介
针对每个业务表，有时需要导出数据到本地文件，用来备份或者分析，这里采用的文件格式为EXCEL，第一行为字段名称，从第二行开始为数据。
#UI界面
产品导出
#API
业务数据导出相关API，具体的通过swagger文档可以查看。通过axios封装api，名称为table
import { axiosInstance } from "boot/axios";const table = { export: function(tableName) { return axiosInstance.get("/api/business/" + tableName + "/export", { params: { } } ); }};export { table };#核心代码#说明
export成功之后返回文件URL，直接下载即可！
#代码async onExportClickAction() { this.$q.loading.show({ message: "生成中" }); try { const url = await tableService.export(this.tableName); this.$q.notify("数据导出成功，请等待下载完成后查看！"); window.open(url, "_blank"); this.$q.loading.hide(); } catch (error) { this.$q.loading.hide(); console.error(error); }}#产品为例
点击“批量导出”按钮，成功之后自动下载文件到本地，打开EXCEL查看发现3条数据已经生成，和系统中数据一致。
#小结
本文主要介绍了介绍业务数据批量导出功能，不同的业务表单操作类似，通过配置的方式可以零代码实现业务数据的批量导出功能。
通过之前一篇文章 「免费开源」基于Vue和Quasar的前端SPA项目实战之数据导入（九）的介绍，通过配置的方式可以零代码实现业务数据的批量导入功能，本文主要介绍业务数据批量导出相关内容。
#简介
针对每个业务表，有时需要导出数据到本地文件，用来备份或者分析，这里采用的文件格式为EXCEL，第一行为字段名称，从第二行开始为数据。
#UI界面
产品导出
#API
业务数据导出相关API，具体的通过swagger文档可以查看。通过axios封装api，名称为table
import { axiosInstance } from "boot/axios";const table = { export: function(tableName) { return axiosInstance.get("/api/business/" + tableName + "/export", { params: { } } ); }};export { table };#核心代码#说明
export成功之后返回文件URL，直接下载即可！
#代码async onExportClickAction() { this.$q.loading.show({ message: "生成中" }); try { const url = await tableService.export(this.tableName); this.$q.notify("数据导出成功，请等待下载完成后查看！"); window.open(url, "_blank"); this.$q.loading.hide(); } catch (error) { this.$q.loading.hide(); console.error(error); }}#产品为例
点击“批量导出”按钮，成功之后自动下载文件到本地，打开EXCEL查看发现3条数据已经生成，和系统中数据一致。
#小结
本文主要介绍了介绍业务数据批量导出功能，不同的业务表单操作类似，通过配置的方式可以零代码实现业务数据的批量导出功能。
