基于Vue和Quasar的前端SPA项目实战数据导出(十三)回顾通过上一篇文章基于Vue和Quasar的前端SPA项目实战数据导入(九)的介绍,通过配置零代码实现业务数据的批量导入功能。本文主要介绍批量导出业务数据的相关内容。简介对于每张业务表,有时需要将数据导出到本地文件进行备份或分析。这里使用的文件格式是EXCEL,第一行是字段名,第二行是数据。UI界面产品导出API业务数据导出相关API,具体可查看swagger文档。通过axios封装api,名称为tableimport{axiosInstance}from"boot/axios";consttable={export:function(tableName){returnaxiosInstance.get("/api/business/"+tableName+"/export",{params:{}});}};export{table};核心代码说明导出成功后返回文件地址,直接下载即可!异步代码onExportClickAction(){this.$q.loading.show({message:"Generating"});try{consturl=awaittableService.export(this.tableName);this.$q.notify("数据导出成功,请等待下载完成!");window.open(url,"_blank");这个.$q.loading.hide();}catch(error){this.$q.loading.hide();控制台错误(错误);}}以产品为例,点击“批量导出”按钮。成功后,文件会自动下载到本地。打开EXCEL查看,发现生成了3条数据,与系统中的数据一致。小结本文主要介绍业务数据的批量导出功能。不同的业务形式运作相似。通过配置,零代码实现业务数据的批量导出功能。crudapi简介Crudapi是crud+api的组合,即增删改查接口。它是一种零代码可配置产品。使用crudapi可以告别枯燥的代码增删改查,让您更专注于业务,节省大量成本,提高工作效率。Crudapi的目标是让数据处理变得更容易,而且它对所有人免费!无需编程,通过配置自动生成增删改查CRUD的RESTfulAPI,提供后台UI管理业务数据。基于主流开源框架,拥有自主知识产权,支持二次开发。该demo展示了crudapi是一个产品级的零代码平台。不同于自动代码生成器,它不需要生成Controller、Service、Repository、Entity等业务代码。该程序可以在运行时使用。真正的0代码可以覆盖基础的和业务无关的CRUDRESTfulAPI。官网地址:https://crudapi.cn测试地址:https://demo.crudapi.cn/crudapi/login附源码地址GitHub地址https://github.com/crudapi/crudapi-admin-webGitee地址https://gitee.com/crudapi/crudapi-admin-web由于网络原因,GitHub可能会比较慢,改成访问Gitee即可,代码会同步更新。
