与后端配合单个/批量导出excel的方法

news/2024/7/21 3:45:08 标签: excel, javascript, 前端

单个:
点击导出按钮后
直接通过后端提供的接口一行代码即可

location.href = URL + `/api/Preparation/exportPreparationData?id=${row.id}`

批量(这里的批量指的是一个Excel文件多个sheet页签,我们传参需要传相应的数组或其他数据结构给后端):
点击批量导出按钮后

this.param = xxx
axios
	.post(
	   URL + '/api/workOrder/exportPackExcel',
	   this.param,
	   {
	     responseType: 'blob', // 设置返回类型
	     headers: {
	       Authorization: 'Bearer ' + sessionStorage.getItem('Access-Token')
	     }
	   },
	   {
	     headers: {
	       'content-type': 'multipart/from-data',
	       Authorization: 'Bearer ' + sessionStorage.getItem('Access-Token')
	     }
	   }
	 )
	 .then(res => {
	   try {
	     // 如果文件类型不确定的时候,可以不设置type
	     const blob = new Blob([res.data], { type: 'application/x-sh' })
	
	     var downloadElement = document.createElement('a')
	     var href = window.URL.createObjectURL(blob) // 创建下载的链接
	     downloadElement.href = href
	     const name = this.param.scDate + '-内部包装清单'
	     downloadElement.download = name + '.xls' // 下载后文件名
	     document.body.appendChild(downloadElement)
	     downloadElement.click() // 点击下载
	     document.body.removeChild(downloadElement) // 下载完成移除元素
	     window.URL.revokeObjectURL(href) // 释放掉blob对象
	   } catch (e) {
	     console.log('下载的文件出错', e)
	   }
	 })
	 .catch(err => {
	   console.log('请求出错', err.response.data.error)
	 })

http://www.niftyadmin.cn/n/5357403.html

相关文章

迁移学习实现图片分类任务

导入工具包 import time import osimport numpy as np from tqdm import tqdmimport torch import torchvision import torch.nn as nn import torch.nn.functional as Fimport matplotlib.pyplot as plt %matplotlib inline# 忽略烦人的红色提示 import warnings warnings.fi…

Zookeeper分布式命名服务实战

目录 分布式命名服务 分布式API目录 分布式节点的命名 分布式的ID生成器 分布式的ID生成器方案: 基于Zookeeper实现分布式ID生成器 基于Zookeeper实现SnowFlakeID算法 分布式命名服务 命名服务是为系统中的资源提供标识能力。ZooKeeper的命名服务主要是利用Z…

mac电脑风扇控制软件:Macs Fan Control Pro for mac 激活版

Macs Fan Control 是一款专门为 Mac 用户设计的软件,它可以帮助用户控制和监控 Mac 设备的风扇速度和温度。这款软件允许用户手动调整风扇速度,以提高设备的散热效果,减少过热造成的风险。 Macs Fan Control 可以在菜单栏上显示当前系统温度和…

物联网可见性在OT环境中的重要性

数字领域正在见证一场迷人的融合:物联网(IoT)和运营技术(OT)日益交织在一起,编织出互联设备和智能系统的织锦。 虽然必要的IT工具可以管理标准IT设备,但OT环境的复杂性和专业性往往要求更多。输入专业解决方案,这些工具是专门为洞…

redis stream结合springboot构造简单消息队列

Redis 5 新特性中,Streams 数据结构的引入,可以说它是在本次迭代中最大特性。它使本次 5.x 版本迭代中,Redis 作为消息队列使用时,得到更完善,更强大的原生支持,其中尤为明显的是持久化消息队列。同时&…

Java EE 5 SDK架构

Java EE 5 SDK架构 大型组织每天都要处理大量数据和多用户的相关事务。为管理该组织如此大型而又复杂的系统,开发了企业应用程序。企业应用程序是在服务器上托管的应用程序,通过计算机网络同时向大量用户提供服务。这种应用程序可采用各种技术开发,如Java EE 5。Java EE 5平…

Redis保证数据不丢失的手段

Redis 保证数据不丢失的主要手段有两个: 持久化集群运行 我们分别来看它们两的具体实现细节。 # 1.Redis 持久化 持久化是指将数据从内存中存储到持久化存储介质中(如硬盘)的过程,以便在程序重启或者系统崩溃等情况下&#xf…

聚类(Clustering)理论

一、无监督学习介绍 在这小节中,我将开始介绍聚类算法,这是我们学习的第一个非监督学习算法,我们将要让计算机学习无标签数据而不是此前的标签数据。那么什么是非监督学习呢?在学习机器学习知识的开始我曾简单地介绍过非监督学习&…