当前位置：首页 > news >正文

Ajax + Easy Excel 通过Blob实现导出excel

news 2025/9/11 16:55:47

前端代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="./js/jquery-3.6.0.min.js"></script></head><body><div><button onclick="exportFile()">导出</button></div><script>function exportFile(){var params = {};var url = "http://localhost:9000/exportFile/export"getExport(url, function (res) {//	    console.log(res)downloadForBolb(res,"学生表.xls",'application/vnd.ms-excel; charset=utf-8')})}function getExport(url, fn, errorCallback) {$.ajax({type: "GET",url: url,xhrFields: {responseType: "arraybuffer",},error: function (XHR, textStatus, errorThrown) {console.log("XHR=" + XHR + "\ntextStatus=" + textStatus + "\nerrorThrown=" + errorThrown);if (errorCallback && typeof errorCallback == "function") {alert("error", "系统异常，请联系管理员！");errorCallback({});}},success: function (data, textStatus) {if (fn && typeof fn == "function") {fn(data);}},headers: {"Authorization": window.sessionStorage.getItem("token")}});};function downloadForBolb(data, fileName, mineType) {// 创建 blobvar blob = new Blob([data], {type: mineType});// 创建 href 超链接，点击进行下载window.URL = window.URL || window.webkitURL;var href = URL.createObjectURL(blob);var downA = document.createElement("a");downA.href = href;downA.download = fileName;downA.click();// 销毁超连接window.URL.revokeObjectURL(href);};</script></body>
</html>

后台代码

引入Easy Excel依赖

// pom.xml<dependency><groupId>com.alibaba</groupId><artifactId>easyexcel</artifactId><version>3.3.1</version></dependency>

excel 工具类


import com.alibaba.excel.EasyExcel;
import com.alibaba.excel.write.style.column.LongestMatchColumnWidthStyleStrategy;
import org.apache.poi.hssf.usermodel.*;
import org.springframework.web.multipart.MultipartFile;import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.net.URLEncoder;
import java.util.List;public class ExcelUtil {/*** 将列表以 Excel 响应给前端** @param response 响应* @param filename 文件名* @param sheetName Excel sheet 名* @param head Excel head 头* @param data 数据列表哦* @param <T> 泛型，保证 head 和 data 类型的一致性* @throws IOException 写入失败的情况*/public static <T> void write(HttpServletResponse response, String filename, String sheetName,Class<T> head, List<T> data) throws IOException {// 输出 ExcelEasyExcel.write(response.getOutputStream(), head).autoCloseStream(false) // 不要自动关闭，交给 Servlet 自己处理.registerWriteHandler(new LongestMatchColumnWidthStyleStrategy()) // 基于 column 长度，自动适配。最大 255 宽度.sheet(sheetName).doWrite(data);// 设置 header 和 contentType。写在最后的原因是，避免报错时，响应 contentType 已经被修改了response.addHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(filename, "UTF-8"));response.setContentType("application/vnd.ms-excel;charset=UTF-8");}public static <T> List<T> read(MultipartFile file, Class<T> head) throws IOException {return EasyExcel.read(file.getInputStream(), head, null).autoCloseStream(false)  // 不要自动关闭，交给 Servlet 自己处理.doReadAllSync();}
}

实体类

import com.alibaba.excel.annotation.ExcelProperty;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;@Data
@AllArgsConstructor
@NoArgsConstructor
public class Student {@ExcelProperty(value = "姓名", index = 0)private String name;@ExcelProperty(value = "年龄", index = 1)private int age;@ExcelProperty(value = "地址", index = 2)private String address;
}

Controller

import com.boot.export.entity.Student;
import com.boot.util.ExcelUtil;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;@RestController
@RequestMapping("/exportFile")
public class exportFile {/*** /exportFile/export* @param params* @param request* @param response*/@RequestMapping("export")public void export(Map<String, Object> params, HttpServletRequest request, HttpServletResponse response){try {// 获取listList<Student> list = new ArrayList<>();list.add(new Student("刘大海",54,"桃李村1号"));list.add(new Student("王大富",34,"桃李村4号"));list.add(new Student("王婆婆",82,"桃李村6号"));list.add(new Student("李复",24,"桃李村9号"));list.add(new Student("陈月",14,"桃李村3号"));list.add(new Student("老村长",74,"桃李村3号"));// 导出 ExcelExcelUtil.write(response, "学生信息.xls", "数据", Student.class, list);} catch (Exception e) {e.printStackTrace();} finally {}}
}

Blob文件类型

Ajax + Easy Excel 通过Blob实现导出excel

前端代码 <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title><script src"./js/jquery-3.6.0.min.js"></script></head><body><div><button onclick"exportF…...

编程日记 2024/6/12 2:45:37

Qt+qss动态属性改变控件状态切换的样式

先说点基础的吧，qt的样式实现，常见的主要有三种方式，分别为： 1.ui界面中右键样式表直接添加 2.代码中对控件设置样式setStyleSheet 3.外部预设好qss文件，代码中加载后设置样式实际工作开发中，我推荐使用优…...

编程日记 2024/6/12 2:44:36

纷享销客安全体系：安全运维运营

安全运维运营(Security Operations,SecOps)是指在信息安全管理中负责监控、检测、响应和恢复安全事件的一系列运营活动。它旨在保护组织的信息系统和数据免受安全威胁和攻击的损害。通过有效的安全运维运营，组织可以及时发现和应对安全威胁，减少安全事…...

编程日记 2024/6/12 2:42:34

富瀚微FH8322 ISP图像调试—BLC校正

1、简单介绍目录 1、简单介绍 2、调试方法 3、输出结果富瀚微平台调试有一段时间了，一直没有总结，我们调试ISP的时候，首先一步时确定好sensor的黑电平值，黑电平如果不准，则会影响到后面的颜色及对比度相关模块。…...

编程日记 2024/6/12 2:41:33

什么是大型语言模型？

引言在本文[1]中，我们将从高层次概述大型语言模型 (LLM) 的具体含义。背景 2023年11月，我偶然间听闻了OpenAI的开发者大会，这个大会展示了人工智能领域的革命性进展，让我深深着迷。怀着对这一领域的浓厚兴趣，我加入了…...

编程日记 2024/6/12 2:39:30

RocketMq详解：二、SpringBoot集成RocketMq

在上一章中我们对Rocket的基础知识、特性以及四大核心组件进行了详细的介绍，本章带着大家一起去在项目中具体的进行应用，并设计将其作为一个工具包只提供消息的分发服务和业务模块进行解耦在进行本章的学习之前，需要确保你的可以正常启动和…...

编程日记 2024/6/12 2:38:30

【源码】二开版微盘交易系统/贵金属交易平台/微交易系统

二开版微盘交易系统/贵金属交易平台/微交易系统一套二开前端UI得贵金属微交易系统，前端产品后台可任意更换此系统框架不是以往的至尊的框架，系统完美运行，K线采用nodejs方式运行 K线结算都正常，附带教程资源来源:https://www.…...

编程日记 2024/6/12 2:37:28

React@16.x（26）useContext

目录 1，上下文的使用2，useContext 1，上下文的使用之前的文章中介绍过 context上下文。使用举例： import React, { useState } from "react";const ctx React.createContext();function Child() {return <ctx.C…...

编程日记 2024/6/12 2:35:26

Vue2学习（04）

目录一、组件的三大组成部分二、组件的样式冲突scoped 三、scoped原理编辑四、data是一个函数五、组件通信 1.概念：是指组件与组件之间的数据传递，组件的数据是独立的，无法直接访问其他组件的数据，想用其他组件的数…...

编程日记 2024/6/12 2:31:22

Python中columns()函数

1. columns的概念在数据分析和处理中，columns是指数据表中的列，也称为字段。每一列代表了特定类型的数据，在一个数据表中，每一行代表了一个数据实例，而每一列则代表了一个特定的特征或属性。可以直接定义和更改列标题，也可以直接读取某列的数据，或者对某列进行运算。…...

编程日记 2024/6/12 2:30:21

Vue3 使用 vue-clipboard3 实现一键复制

安装依赖 npm install --save vue-clipboard3示例 <template><el-input v-model"data"></el-input><button click"touchCopy">复制链接</button> </template><script setup lang"ts"> // 导入插件 …...

编程日记 2024/6/12 2:28:18

人机环境生态系统智能的流动性

一般来说，流动性可以理解为事物在空间或时间上的转移、变化或运动。在人机环境生态系统中，流动性可以涉及以下几个方面： 信息流动：数据、消息、知识等在系统中的传递和交换。这可能包括传感器收集的数据传输到处理中心&#xff0c…...

编程日记 2024/6/12 2:27:16

实现开源可商用的 ChatPDF RAG：密集向量检索（R）+上下文学习（AG）

实现 ChatPDF & RAG：密集向量检索（R）上下文学习（AG） RAG 是啥？实现 ChatPDF怎么优化 RAG？ RAG 是啥？ RAG 是检索增强生成的缩写，是一种结合了信息检索技术与语言生成…...

编程日记 2024/6/12 2:26:15

对待谷歌百度等搜索引擎的正确方式

对待百度、谷歌等搜索引擎的方式是，你要站在搜索引擎之上，保持自己的独立思想和意见。当谷歌宣布他们将会根据一个名为“Alphabet”的新控股公司来进行业务调整时，在科技界引起了一片恐慌之声。永远不要说这是一个公司一直在做的事情。不…...

编程日记 2024/6/12 2:25:14

pikachu靶场通关全流程

目录暴力破解： 1.基于表单的暴力破解： 2.验证码绕过(on server)： 3.验证码绕过(on client)： token防爆破： XSS： 1.反射型xss(get)： 2.反射性xss(post)： 3.存储型xss&#…...

编程日记 2024/6/12 2:24:12

实现k8s网络互通

前言不管是docker还是k8s都会在物理机组件虚拟局域网，只不过是它们实现的目标不同。 docker：针对同一个物理机（宿主机） k8s：针对的是多台物理机（宿主机） Docker 虚拟局域网 K8S虚拟局域网 …...

编程日记 2024/6/12 2:23:11

diffusers 使用脚本导入自定义数据集

在训练扩散模型时，如果附加额外的条件图片数据，则需要我们准备相应的数据集。此时我们可以使用官网提供的脚本模板来控制导入我们需要的数据。您可以参考官方的教程来实现具体的功能需求，为了更加简洁，我将简单描述一下整个流程…...

编程日记 2024/6/12 2:21:10

【Android面试八股文】请讲一讲synchronized和ReentrantLock的区别

文章目录请讲一讲synchronized和ReentrantLock的区别这道题想考察什么 ?考察的知识点应该如何回答？Synchronized 的原理ReentrantLock 的原理Synchronized 和 ReentrantLock 的区别总结请讲一讲synchronized和ReentrantLock的区别这道题想考察什么 ? 是否了解并发相关的理…...

编程日记 2024/6/12 2:18:07

springmvc 全局异常处理器配置的三种方式深入底层源码分析原理

文章目录 springmvc 全局异常处理器配置的三种方式&深入底层源码分析原理配置全局异常处理器的三种方式实现接口HandlerExceptionResolver并配置到WebMvcConfigurer注解式配置ExceptionHandlercontroller里方法上定义ExceptionHandler 深入源码分析进入DispatcherServlet执…...

编程日记 2024/6/12 2:17:05

MySQL 8.0 安装、配置、启动、登录、连接、卸载教程

目录前言1. 安装 MySQL 8.01.1 下载 MySQL 8.01.2 安装 MySQL 8.0 2. 配置 MySQL 8.02.1打开环境变量2.2新建变量 MYSQL_HOME2.3编辑 Path 变量 3. 启动MySQL 8.03.1验证安装与配置是否成功3.2初始化并注册MYSQL3.3 启动MYSQL服务 4.登录MySQL4.1修改账户默认密码4.2登录MYSQL…...

编程日记 2024/6/12 2:16:05

多云管理“拦路虎”：深入解析网络互联、身份同步与成本可视化的技术复杂度

一、引言：多云环境的技术复杂性本质企业采用多云策略已从技术选型升维至生存刚需。当业务系统分散部署在多个云平台时，基础设施的技术债呈现指数级积累。网络连接、身份认证、成本管理这三大核心挑战相互嵌套：跨云网络构建数据…...

编程新知 2025/9/9 12:25:03

设计模式和设计原则回顾

设计模式和设计原则回顾 23种设计模式是设计原则的完美体现，设计原则设计原则是设计模式的理论基石，设计模式在经典的设计模式分类中（如《设计模式：可复用面向对象软件的基础》一书中），总共有23种设计模式，分为三大类：一、创建型模式（5种） 1. 单例模式（Sing…...

编程新知 2025/8/10 21:01:28

iPhone密码忘记了办？iPhoneUnlocker，iPhone解锁工具Aiseesoft iPhone Unlocker 高级注册版分享

平时用 iPhone 的时候，难免会碰到解锁的麻烦事。比如密码忘了、人脸识别 / 指纹识别突然不灵，或者买了二手 iPhone 却被原来的 iCloud 账号锁住，这时候就需要靠谱的解锁工具来帮忙了。Aiseesoft iPhone Unlocker 就是专门解决这些问题的软件&…...

编程新知 2025/9/9 14:47:30

【生成模型】视频生成论文调研

工作清单上游应用方向：控制、速度、时长、高动态、多主体驱动类型工作基础模型WAN / WAN-VACE / HunyuanVideo控制条件轨迹控制ATI~镜头控制ReCamMaster~多主体驱动Phantom~音频驱动Let Them Talk: Audio-Driven Multi-Person Conversational Video Generation速…...

编程新知 2025/9/9 8:40:47

文章目录 A 基础语言模型A.1 TransformerA.2 Bert B 大语言模型结构B.1 GPTB.2 LLamaB.3 ChatGLMB.4 Qwen C 大语言模型微调C.1 Fine-tuningC.2 Adapter-tuningC.3 Prefix-tuningC.4 P-tuningC.5 LoRA A 基础语言模型 A.1 Transformer （1）资源论文&a…...

编程新知 2025/9/3 16:32:53