导出Excel表格(调用后端接口方式)

在开发中我们会遇到导出Excel表格的需求,但是导出分为前端生成和后端生成。
前端生成的方式CSDN其他小伙伴已经做出了很多教程,是依赖 xlsx插件。
但是,今天我讲的是,调用后端接口的方式生成Excel表格。

1.调用后端提供的导出接口,查看数据。

首先后端提供给我们了一个导出的接口,我们进行调用之后后端返回了3个数据。

filetoken和filetype还有filename

这三个数据是我们实现导出Excel表格的关键。

2.封装导出函数,借用H5的window下的location对象

//这个baseURL就是各位在开发环境下的接口地址
let baseURL = import.meta.env.VITE_API_URL;//file:后端返回的数据,包含fileName和fileToken以及fileType
let useExportFile = (file: any) => {//采用字符串拼接的形式,将数据地址拼接出来const url = baseURL + '/api/File/DownloadTempFile?fileType=' + file.fileType + '&fileToken=' + file.fileToken + '&fileName=' + file.fileName//最主要的一步就是借用location.href跳转网页,然后就弹出了下载路劲选择框。location.href = url;
}

3.结果

其实,最重要的无非就是location跳转的这一步,这一步可以保证百分百弹出下载框,而有的别的方式因为浏览器问题不会弹出下载框,所以在此不再赘述。


抓紧时间练起来吧,兄dei,再不练你就废啦!

记得支持我哦,么么哒,祝您好事成双~~~~~~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/9982.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何快速构建网站chatgpt插件

在本文中,我们将一步一步地探索并构建一个名为"AI Prompt Testing"的项目。该项目是一个网站插件,旨在帮助网站生成一个ChatGPT提示测试题,以巩固当前网页的内容。 1、抽象提取 这个网站chatgpt插件大概的效果,类比的…

【ChatGPT】ChatGPT 高质量资源列表:3000 多个提示、示例、用例、工具、API、扩展、失败和其他资源的集合。

ChatGPT 高质量资源列表:3000 多个提示、示例、用例、工具、API、扩展、失败和其他资源的集合。 更新了 4 月 25 日,集成自治代理 AI 部分。 图片来源:作者,Midjourney。 目录 ChatGPT 高质量资源列表:3000 多个提示、示例、用例、工具、API、扩展、失败和其他资源的集合。…

伟大的创造不是计划出来的!来自OpenAI科学家的反直觉建议

来源 | 中国企业家杂志 每天几乎从一睁眼,我们的工作与生活都会被大大小小的目标所牵引。 诚然,若只想实现一些普普通通的小愿望,那么目标导向会非常有效。但对于那些与探索创造、创新发明有关的愿望,目标还有效吗? 近…

GitHub放大招!CEO现场挑战18分钟开发小游戏,人还在台上网友已经玩到了

梦晨 明敏 发自 凹非寺量子位 | 公众号 QbitAI GitHub CEO,直播AI写代码,挑战18分钟完成一个小游戏。 结果只用了不到15分钟,直接成功在线部署,这边人还在讲台上,全球网友已经能玩上了。 整个项目从一片空白的新建文件…

字节跳动副总裁谢欣:未来组织的30条思考

上一篇:支付系统就该这么设计,稳的一批!! 透明、共享是是创造愉悦工作环境、吸引牛人的前提,是弹性组织有效运作的根基,是未来组织的基石。 来源 | 华麓之音 01 组织升级: 员工需要被激发&#…

用ChatGPT实际沟通的结果[有图有真相]

笔者因为没有办法正常注册账号,所以使用的是试用版的chatgpt,语言模型当下试用版的是Chatgpt3.5的模型,而不是商用版的ChatGPT-4的模型。 首先问AI对单词词汇的含义的理解。 回答的很得体, 然后问对职业的区分,这些我都…

CnOpenData·A股上市公司标准数据

一、数据简介 按照《中华人民共和国标准化法》的定义,标准是指农业、工业、服务业以及社会事业等领域需要统一的技术要求。标准作为一种通用性的规范语言,在合理利用国家资源、保障产品质量、提高市场信任度、促进商品流通、维护公平竞争、保障安全等方面…

ChatGPT炒股:批量下载北交所上市公司的招股说明书

打开北京证券交易所官网,点击发行上市,然后点击公开发行信息披露,然后在查询框里面输入关键词:在北京证券交易所上市招股说明书,然后选择时间,点击查询,就可以看到所有北交所上市公司的招股说明…

万兴科技WondershareFilmora焕新上线已率先接入ChatGPT母公司OpenAI相关服务

AIGC加速布局!近日,创意软件A股上市公司万兴科技(300624.SZ)旗下视频创意软件Wondershare Filmora焕新上线,新版本全新接入ChatGPT母公司OpenAI相关服务,率先在视频创作领域集成AIGC新技术。另据介绍&#…

巴比特 | 元宇宙每日必读:多家上市公司宣布将ChatGPT与虚拟数字人融合,是蹭概念,还是真未来?...

摘要:据财联社星矿数据统计,截至目前,A股中包括元隆雅图、风语筑、天娱数科等17家上市公司公布称,相关业务已经接入类似ChatGPT技术,或正在研究相关技术与数字人结合的应用场景。多位业内人士表示,接入Chat…

ChatGPT 回答什么是敏捷测试

Jenkins 官方文档:https://jenkins.io/doc/JUnit 插件文档:JUnit | Jenkins pluginTestNG 插件文档:https://plugins.jenkins.io/testng-plugin/Jenkins 教程:https://jenkins.io/doc/tutorials/JUnit 教程:JUnit 5 Us…

chatGPT回答如何使用axios?

Axios 是一个基于 Promise 的 HTTP 客户端,可以用于浏览器和 node.js 中。 要使用 Axios,首先需要在项目中安装它: npm install axios然后,可以在你的代码中引入 Axios: const axios require(axios);或者&#xf…

面试题总结

1.js的数据类型 分为基本数据类型和引用数据类型。 基本数据类型 ES5的5种:Null,undefined,Boolean,Number,String, ES6新增:Symbol表示独一无二的值 ES10新增:BigInt 表示任意大的…

市场营销新视角,从这一步开始与竞对拉开距离|身份云研究院

2022 年,所有市场人都在讨论 AIGC 将带来怎样的内容创作变革,在迅速拥抱新技术以及新机遇的同时,不断成长的生成式 AI 也为很多市场人带来了危机。 以 ChatGPT 为例,它可以搜集互联网中的权威信息,迅速撰写出一份你需要…

过于自信,结果被面试官吊打了。。。

因公众号更改推送规则,请点“在看”并加“星标”第一时间获取精彩技术分享 点击关注#互联网架构师公众号,领取架构师全套资料 都在这里 0、2T架构师学习资料干货分 上一篇:ChatGPT研究框架(80页PPT,附下载)…

短视频seo抖音矩阵源码开发搭建技术解析

一、 短视频seo抖音矩阵源码开发需要考虑以下几个方面: 技术选型:选择合适的开发语言、框架和数据库,常用的开发语言有Java、PHP等,常用的框架有Spring、Django等,常用的数据库有MySQL、MongoDB等。 服务器的选择&…

短视频抖音账号矩阵系统源码开发分享

引用:MySQL数据库,NGINX,PHP7.4,MySQL5.7,redis 媒体组件 组件 描述 image 图片 图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式。 video 视频 视频组件。相关 API 请参考 tt.createVideoContext。 开发背景&…

短视频账号矩阵系统如何技术嵌入Chatgpt?

将GPT(Generative Pre-trained Transformer)嵌入短视频账号矩阵系统需要以下步骤: 1. 获取GPT模型:可以自行训练或使用开源的预训练模型,如GPT-2、GPT-3等。 2. 导入GPT模型:将GPT模型导入到短视频账号矩…

中文文献怎么查找,带你了解中文文献查找途径及方法

在我们撰写论文和科研工作时经常会查找文献资料,今天带大家了解中文文献查找途径及方法。 查找中文文献常用网站有: 文献党下载器(wxdown.org):是一个几乎整合了所有中外文献数据库资源的文献下载平台,因为资源最多&a…

不能使用ChatGPT 试试基于2021模型的 Claude (原GPT团队二次创业产品)聊天机器人 更详细的解答

大家过程中遇到问题都可以私信我 注册方式,引用别人的:用不了chatgpt,试试Claude-Claude注册教程_大数据食铁兽的博客-CSDN博客 不过上面作者没有写坑,只支持少部分国家(我选用的日本,Claude官网会提示你支…