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

Vue2下载二进制文件

news 来源：原创 2025/9/21 9:22:04

后端：

controller:

@GetMapping(value = "/get-import-template")public void problemTemplate(HttpServletRequest request, HttpServletResponse response) throws Exception {iUserService.problemTemplate(request, response);}

service:

	void problemTemplate(HttpServletRequest request, HttpServletResponse response) throws Exception;

impl:

@Overridepublic void problemTemplate(HttpServletRequest request, HttpServletResponse response)  throws IOException {String path = "file/user.xlsx";// 从类加载器获取资源InputStream inputStream = getClass().getClassLoader().getResourceAsStream(path);// 设置响应头response.setContentType("application/octet-stream");response.setHeader("Content-Disposition", "attachment; filename=" + URLEncoder.encode("产品运输阶段导入模版.xlsx", "UTF-8"));// 获取ServletOutputStreamServletOutputStream outputStream = response.getOutputStream();// 使用Apache POI的XSSFWorkbook将Excel文件写入输出流try (XSSFWorkbook workbook = new XSSFWorkbook(inputStream)) {workbook.write(outputStream);} finally {// 确保输出流被关闭if (outputStream != null) {outputStream.flush();outputStream.close();}}}

前端：

html：

//批量导入<el-dialog :title="title" :visible.sync="importFormVisible" width="800px" :close-on-click-modal="false" :show-close="false"><div class="tip"><div class="bold">1</div><span class="btitle">下载模版</span></div><el-row :gutter="24"><div class="el-upload__tip text-center"><span>仅允许导入 xls、xlsx 格式文件;请按照要求填写模版文件</span><el-link:underline="false"style="font-size: 12px; vertical-align: baseline"type="primary"@click="importTemplate">下载导入模板</el-link></div></el-row><div style="padding: 8px 0; background: #f8fbff; margin-top: 10px"><div class="tip"><div class="bold">2</div><span class="btitle">导入文件</span></div></div><div style="padding: 8px 0; background: #f8fbff; margin-top: 10px"><div class="tip"><div class="bold">3</div><span class="btitle">删除</span></div><el-row :gutter="24"><el-inputv-model="importBatch"placeholder="请输入批次号"clearableclass="!w-240px"/><el-button  @click="handleDelete">按批次号删除导入数据</el-button></el-row></div><div style="text-align:center;"><el-button type="primary" @click="saveUser">确定</el-button><el-button type="danger" @click="importFormVisible = false">取消</el-button></div></el-dialog>

js：

 //下载导入模板importTemplate(){importTemplate().then((res) => {console.log(res, 'res')const blob = new Blob([res], { type: 'application/vnd.ms-excel' })// 创建 href 超链接，点击进行下载window.URL = window.URL || window.webkitURLconst href = URL.createObjectURL(blob)const downA = document.createElement('a')downA.href = hrefdownA.download =  '组织架构用户导入模板.xlsx'downA.click()// 销毁超连接window.URL.revokeObjectURL(href)});},

实现效果：

相关文章：

Vue2下载二进制文件

后端&#xff1a; controller: GetMapping(value "/get-import-template")public void problemTemplate(HttpServletRequest request, HttpServletResponse response) throws Exception {iUserService.problemTemplate(request, response);} service: void probl…...

编程日记 2025/9/21 9:22:04

AnimateCC基础教学:随机抽取花名册,不能重复

一.核心代码: this.btnStartObj.addEventListener("click", switchBtn); this.btnOkObj.addEventListener("click", oKBtn); createjs.Ticker.addEventListener("tick", updateRandom); var _this this; var nameArr ["张三", &quo…...

编程日记 2025/9/20 5:10:05

windows+cmake+vscode+NDK远程调试安卓端C++项目

windowscmakevscodeNDK远程调试安卓端C项目 windowscmakevscodeNDK远程调试安卓端C项目 windowscmakevscodeNDK远程调试安卓端C项目 使用C开发安卓端算法库时&#xff0c;需要使用NDK进行交叉编译。使用NDK编译代码时&#xff0c;需要编写.mk脚本进行代码的编译和链接&#xf…...

编程日记 2025/9/19 7:40:18

大语言模型(LLM)全解析：从原理到实战应用

在人工智能飞速发展的今天&#xff0c;大语言模型(LLM)已成为改变我们工作生活的重要技术。无论是ChatGPT的对话能力&#xff0c;还是DeepSeek的文本处理&#xff0c;背后都离不开LLM的强大支持。本文将用通俗易懂的语言&#xff0c;带您全面了解LLM的工作原理、训练方法、优化…...

编程日记 2025/9/18 22:24:53

Qt 入门 4 之标准对话框

Qt 入门 4 之标准对话框 Qt提供了一些常用的对话框类型,它们全部继承自QDialog类,并增加了自己的特色功能,比如获取颜色、显示特定信息等。下面简单讲解这些对话框,可以在帮助索引中查看Standard Dialogs关键字,也可以直接索引相关类的类名。 本文将以一个新的项目为主介绍不…...

编程日记 2025/9/16 1:11:07

PyTorch DataLoader 参数详解

在使用 PyTorch 的 DataLoader 时&#xff0c;有许多参数可以调整&#xff0c;这些参数能够帮助我们平衡数据加载效率、内存使用和训练过程的稳定性。下面介绍几个常用参数&#xff0c;并讲解它们的作用&#xff1a; dataset 含义&#xff1a; 数据集对象&#xff0c;必须实现 …...

编程日记 2025/9/11 7:19:05

PowerBI 计算时间用EDATE

我在原表基础上&#xff0c;根据日期字段&#xff0c;计算去年时间 CONCATENATEX(DISTINCT(SELECTCOLUMNS(VALUES(日期表),"去年", FORMAT(DATEADD([日期], -1, YEAR), "yyyyMM"))), [YearMonth],",") 我发现很奇怪的现象&#xff0c;假如某个日…...

编程日记 2025/9/13 18:22:42

GRBL运动控制算法（四）加减速运算

前言 在数控系统和运动控制领域&#xff0c;GRBL 作为一款高效、轻量化的开源固件&#xff0c;因其卓越的性能和简洁的架构被广泛应用于各类嵌入式运动控制场景。GRBL加减速算法的实现尤为关键——它直接决定了运动控制的精度、效率与设备稳定性。 本文深入解析加减速运算的核…...

编程日记 2025/9/18 22:36:01

CSS 学习提升网站或者项目

有几个不错的开源项目可以帮助你练习和提升CSS技能&#xff1a; CSS-Tricks CSS-Tricks 提供了很多关于CSS的技巧和教程&#xff0c;可以通过实践它们来提高CSS技能。你可以在CSS-Tricks上找到很多有趣的项目和代码示例。 Frontend Mentor Frontend Mentor 是一个非常适合练习…...

编程日记 2025/9/19 15:42:37

PolarDB 读已提交事务隔离级别 select ... for update, where条件未用索引，查不到数据的时候不会锁表

由于没有给字段设置唯一性&#xff0c;所以改为通过查询语句加锁确保唯一性&#xff0c;但是发现select count(*) 为0时&#xff0c;不会加锁&#xff0c;所以在insert方法后面需要加锁二次查询确保唯一性。 在 PolarDB 的读已提交事务隔离级别下&#xff0c;SELECT ... FOR UP…...

编程日记 2025/9/12 15:20:35

Python基础——Matplotlib库

绘图基础 Matplotlib 库太大&#xff0c;画图通常仅仅使用其中的核心模块 matplotlib.pyplot&#xff0c;并给其一个别名 plt&#xff0c;即 import matplotlib.pyplot as plt。为了使图形在展示时能很好的嵌入到 Jupyter 的 Out[ ] 中&#xff0c;需要使用%matplotlib inline…...

编程日记 2025/9/8 11:54:07

群晖Hyper Backup备份的东西怎么还原？

一、背景 前面写了一篇文章关于群晖NAS中最简单的备份方案&#xff0c;Hyper Backup 方案 群晖NAS最简单的备份教程&#xff08;只备份需要的目录到不同的硬盘&#xff09;&#xff0c;留了个尾&#xff0c;即怎么还原备份的东西&#xff0c;这里完结一下。 二、还原方案 2.…...

编程日记 2025/9/18 17:21:45

记录IBM服务器检测到备份GPT损坏警告排查解决过程

服务器设备&#xff1a;IBM x3550 M4 Server IMM默认IP地址&#xff1a;192.168.70.125 用户名&#xff1a;USERID 密码&#xff1a;PASSW0RD&#xff08;注意是零0&#xff09; 操作系统&#xff1a;Windows Hyper-V Server 2016 IMM Web System Status Warning&#xff1…...

编程日记 2025/9/16 5:22:25

蓝桥杯嵌入式十五届模拟二（串口DMA，占空比的另一种测量方式）

一.LED 先配置LED的八个引脚为GPIO_OutPut&#xff0c;锁存器PD2也是&#xff0c;然后都设置为起始高电平&#xff0c;生成代码时还要去解决引脚冲突问题 二.按键 按键配置&#xff0c;由原理图按键所对引脚要GPIO_Input 生成代码&#xff0c;在文件夹中添加code文件夹&#…...

编程日记 2025/9/20 1:36:45

22 | 如何继续提升 Go 开发技术？

提示&#xff1a; 所有体系课见专栏&#xff1a;Go 项目开发极速入门实战课&#xff1b;欢迎加入 云原生 AI 实战营 星球&#xff0c;12 高质量体系课、20 高质量实战项目助你在 AI 时代建立技术竞争力&#xff08;聚焦于 Go、云原生、AI Infra&#xff09;。 「Go 项目开发极速…...

编程日记 2025/9/18 10:52:08

一文详解OpenCV环境搭建：Windows使用CLion配置OpenCV开发环境

在计算机视觉和图像处理领域&#xff0c;OpenCV 是一个不可或缺的工具。其为开发者提供了一系列广泛的算法和实用工具&#xff0c;支持多种编程语言&#xff0c;并且可以在多个平台上运行。对于希望在其项目中集成先进视觉功能的开发者来说&#xff0c;掌握如何配置和使用OpenC…...

编程日记 2025/9/20 18:45:20

云原生周刊：深入探索 kube-scheduler-simulator

开源项目推荐 mcp-server-kubernetes mcp-server-kubernetes 是一个实现了模型上下文协议&#xff08;MCP&#xff09;的服务器&#xff0c;旨在通过自然语言与 K8s 集群进行交互。它支持连接到 K8s 集群&#xff0c;列出所有 Pod、服务、部署和节点&#xff0c;创建、描述、…...

编程日记 2025/9/18 12:30:50

总结一下常见的EasyExcel面试题

说一下你了解的POI和EasyExcel POI&#xff08;Poor Obfuscation Implementation&#xff09;&#xff1a;它是 Apache 软件基金会的一个开源项目&#xff0c;为 Java 程序提供了读写 Microsoft Office 格式文件的功能&#xff0c;支持如 Excel、Word、PowerPoint 等多种文件格…...

编程日记 2025/9/19 9:47:51

【Java设计模式】第2章 UML急速入门

2-1 本章导航 UML类图与时序图入门 UML定义 统一建模语言（Unified Modeling Language）：第三代非专利建模语言。特点：开放方法，支持可视化构建面向对象系统，涵盖模型、流程、代码等。UML分类（2.2版本） 结构式图形：系统静态建模（类图、对象图、包图）。行为式图形：事…...

编程日记 2025/9/21 7:05:57

Excel处理控件Spire.XLS系列教程：C# 设置 Excel 中的数字格式

在 Excel 工作表中&#xff0c;原始数据通常显示为缺乏直观性的普通数字。通过设置数字格式&#xff0c;可以将这些数字转换成更容易理解的形式。例如&#xff0c;将销售额数据设置为货币格式&#xff0c;即添加货币符号和千位分隔符&#xff0c;可使所代表的金额一目了然。将市…...

编程日记 2025/9/19 17:21:21

脚本启动 Java 程序

如果你想在后台启动一个 Java 程序&#xff0c;并在终端窗口中显示一个自定义的名字&#xff0c;可以通过编写一个简单的脚本来实现。以下是一个基于 Linux/macOS 的解决方案&#xff0c;使用 Bash 脚本启动 Java 程序&#xff0c;并在终端窗口中显示自定义标题。 示例脚本 创建…...

编程日记 2025/9/18 22:44:38

UniappX动态引入在线字体图标，不兼容css时可用。

优缺点 优点&#xff1a;不需要占用本地存储&#xff0c;可直接在线同步库图标&#xff0c;不用再手动引入ttf文件&#xff0c;不用手动添加键值对对应表。 缺点&#xff1a;受网速影响&#xff0c;字体库cdn路径可能会更改&#xff0c;ios端首次加载&#xff0c;可能会无图标…...

编程日记 2025/9/19 2:23:56

机器学习 | 强化学习基本原理 | MDP | TD | PG | TRPO

文章目录 📚什么是强化学习🐇监督学习 vs 强化学习🐇马尔科夫决策过程（MDP）📚基本算法（value-based & policy-based）🐇时序差分算法（TD）🐇SARSA和Q-learning🐇策略梯度算法（PG）🐇REINFORCE和Actor-Critic🐇信任区域策略优化算法（TRPO）学习视频…...

编程日记 2025/9/10 6:59:34

k8s之Service类型详解

1.ClusterIP 类型 2.NodePort 类型 3.LoadBalancer 类型 4.ExternalName 类型 类型为 ExternalName 的 Service 将 Service 映射到 DNS 名称&#xff0c;而不是典型的选择算符&#xff0c; 例如 my-service 或者 cassandra。你可以使用 spec.externalName 参数指定这些服务…...

编程日记 2025/9/9 4:02:46

AI平台如何实现推理？数算岛是一个开源的AI平台（主要用于管理和调度分布式AI训练和推理任务。）

数算岛是一个开源的AI平台&#xff0c;主要用于管理和调度分布式AI训练和推理任务。它基于Kubernetes构建&#xff0c;支持多种深度学习框架&#xff08;如TensorFlow、PyTorch等&#xff09;。以下是数算岛实现模型推理的核心原理、架构及具体实现步骤&#xff1a; 一、数算岛…...

编程日记 2025/9/10 9:54:51

linux开发环境

1.虚拟机环境搭建 在 Ubuntu 系统中&#xff0c;打开&#xff08;如图中显示的窗口 &#xff09;常见快捷键有&#xff1a; Ctrl Alt T&#xff1a;这是最常用的打开终端的快捷键组合 &#xff0c;按下后会快速弹出一个新的终端窗口。 在 VMware 虚拟机环境中&#xff0c;若…...

编程日记 2025/9/19 8:41:38

OSPF复习

OSPF OSPF---开放最短路径优先协议 动态路由判定依据&#xff1a;选路&#xff0c;收敛速度&#xff0c;占用资源 OSPFV2和RIPV2的相同点&#xff1a; 1.都是无类别的路由协议&#xff1b; 2.都是通过组播来传播信息的&#xff1b;&#xff08;RIP&#xff1a;224.0.0.9&am…...

编程日记 2025/9/19 21:27:04

AWS S3深度剖析：云存储的瑞士军刀

1. 引言 在当今数据驱动的世界中，高效、可靠、安全的数据存储解决方案至关重要。Amazon Simple Storage Service (S3)作为AWS生态系统中的核心服务之一，为企业和开发者提供了一个强大而灵活的对象存储平台。本文将全面解析S3的核心特性，帮助读者深入理解如何充分利用这一&q…...

编程日记 2025/9/11 3:18:20

pyTorch中 tensorboard的使用

目录 01.导包、 transforms数据转化、torchvision数据集、创建dataloaders、展示图片的封装函数 02定义模型 03定义损失函数与优化器 1.tensorboard的安装 2.tensorboard的使用 2.1添加图片 2.2 添加模型结构图 2.3 添加损失的变化 #pyTorch中的tensorboard 与 tens…...

编程日记 2025/9/19 0:54:04

Android audio(2)-audioservice

AudioService是Android的系统服务&#xff08;systemservice&#xff09;&#xff0c;由SystemServer负责启动。提供Android APK 所需的非数据通路&#xff08;playback/capture&#xff09;相关的audio 功能实现&#xff0c;是binder通信中的server端&#xff0c;与之对应的 C…...

编程日记 2025/9/19 22:09:55

星城幻境：科技与千年文脉的交响诗-长沙

故事背景 故事发生在中国湖南长沙&#xff0c;通过六个充满未来感的城市景观&#xff0c;展现人工智能修复古建筑、生态摩天楼、全息水幕许愿等场景&#xff0c;描绘科技赋能下历史文脉与未来城市的共生图景。 故事内容 从岳麓书院清晨的智能修复到湘江夜空的数字烟花&#xff…...

编程日记 2025/9/11 10:38:30

记录学习的第二十三天

老样子&#xff0c;每日一题开胃。 我一开始还想着暴力解一下试试呢&#xff0c;结果不太行&#x1f602; 接着两道动态规划。 这道题我本来是想用最长递增子序列来做的&#xff0c;不过实在是太麻烦了&#xff0c;实在做不下去了。 然后看了题解&#xff0c;发现可以倒着数。 …...

编程日记 2025/8/23 4:53:01

sql-labs靶场 less-1

文章目录 sqli-labs靶场less 1 联合注入 sqli-labs靶场 每道题都从以下模板讲解&#xff0c;并且每个步骤都有图片&#xff0c;清晰明了&#xff0c;便于复盘。 sql注入的基本步骤 注入点注入类型 字符型&#xff1a;判断闭合方式 &#xff08;‘、"、’、“”&#xf…...

编程日记 2025/9/10 1:29:19

AI-人工智能-基于LC-MS/MS分子网络深度分析的天然产物成分解析的新策略

Anal Chem∣张卫东教授团队开发基于LC-MS/MS分子网络深度分析的天然产物成分解析的新策略 2024年9月23日&#xff0c;海军军医大学张卫东教授团队在Analytical Chemistry&#xff08;IF6.7&#xff09;上发表了题为“In-Depth Analysis of Molecular Network Based on Liquid …...

编程日记 2025/9/20 11:39:53

IntelliJ IDEA使用技巧(json字符串格式化)

文章目录 一、IDEA自动格式化json字符串二、配置/查找格式化快捷键 本文主要讲述idea中怎么将json字符串转换为JSON格式的内容并且有层级结构。 效果&#xff1a; 转换前&#xff1a; 转换后&#xff1a; 一、IDEA自动格式化json字符串 步骤一&#xff1a;首先创建一个临…...

编程日记 2025/9/15 18:04:01

【Java设计模式】第8章 单列模式讲解

8-1 单例模式讲解 定义与类型 定义：保证一个类仅有一个实例，并提供一个全局访问点。类型：创建型模式。适用场景 需要确保任何情况下绝对只有一个实例。实际应用： 网站计数器（单服务）。应用配置、线程池、数据库连接池。优点 减少内存开销（仅一个实例）。避免资源多重占…...

编程日记 2025/9/19 11:20:37

【Java设计模式】第4章 简单工厂讲解

4. 简单工厂模式 4.1 简单工厂讲解 定义：由一个工厂对象决定创建哪种产品类的实例，属于创建型模式，但不属于GoF 23种设计模式。适用场景： 工厂类负责创建的对象较少。客户端仅需传入参数，无需关心对象创建逻辑。优点： 客户端只需传入参数即可获取对象，无需知道创建细节…...

编程日记 2025/9/1 18:24:40

Spring Boot 常用依赖介绍

依赖总括 1. 核心依赖&#xff1a;Spring Web、Spring Data JPA、MySQL Driver。 2. 开发工具&#xff1a;Lombok、Spring Boot DevTools。 3. 安全与权限&#xff1a;Spring Security。 4. 测试与文档&#xff1a;Spring Boot Starter Test、Swagger。 5. 性能优化&#…...

编程日记 2025/9/10 4:05:59

判断矩阵A是否可以相似对角化

【例题1】 【例题2】...

编程日记 2025/9/19 23:08:23

第三方软件测试公司进行安全性测试有哪些好处?

在信息技术飞速发展的今天&#xff0c;软件已成为各行业运作的核心组成部分。然而&#xff0c;伴随而来的软件安全问题也愈发显著&#xff0c;因此软件产品安全性测试不容忽视。随着软件市场的激烈竞争&#xff0c;企业为了更好的专心产品开发&#xff0c;会将安全性测试服务交…...

编程日记 2025/9/18 11:35:29

下一代楼宇自控的中枢神经：ARM终端的生态

某跨国半导体工厂的洁净车间突然触发气体泄漏报警。此时&#xff0c;ARM应急广播终端在200毫秒内完成全楼宇语音播报&#xff0c;同步联动门禁系统解锁逃生通道&#xff0c;指挥中心大屏自动弹出事故区域监控画面——这套价值27万元的预警系统&#xff0c;在投产首年就避免了可…...

编程日记 2025/9/21 2:56:11

R语言进行判别分析

Fisher判别法、距离判别法、Bayes判别法基本理论、方法&#xff1a; Fisher判别法 理论基础&#xff1a; Fisher判别法旨在通过选择合适的投影方向&#xff0c;最大化不同类别之间的类间差异性&#xff0c;同时最小化类内差异性。这种投影方向使得在低维空间中样本点的类别可…...

编程日记 2025/9/18 22:22:17

Nacos 服务发现的流程是怎样的？客户端如何获取最新的服务实例列表？

服务发现是微服务架构的核心组件&#xff0c;它允许一个服务&#xff08;消费者&#xff09;动态地找到它需要调用的另一个服务&#xff08;提供者&#xff09;的网络地址&#xff08;IP 和端口&#xff09;&#xff0c;而无需硬编码这些地址。 整体流程概览: 服务提供者 (Pr…...

编程日记 2025/9/19 0:54:08

Java全栈项目--校园快递管理与配送系统（5）

源代码续 <template><div class"app-container"><el-card class"box-card"><div slot"header" class"clearfix"><span>通知统计</span><div class"header-operations"><el-d…...

编程日记 2025/9/4 11:57:20

UE5 本地化

文章目录 打开本地化面板设置本地化翻译设置文本收集路径添加语言收集需要翻译的文本手动翻译导入导出编译 使用本地化启动代码修改语言 打开本地化面板 UE4&#xff1a; UE5&#xff1a; 设置本地化翻译 设置文本收集路径 UE5可以自动帮我们收集需要显示的文本&#xff…...

编程日记 2025/9/17 17:12:01

用c语言写一个linux进程之间通信（聊天）的简单程序

使用talk 用户在同一台机器上talk指令格式如下&#xff1a; ​ talk 用户名ip地址 [用户终端号] 如果用户只登录了一个终端&#xff0c;那么可以不写用户终端号&#xff0c;如&#xff1a; talk userlocalhost可以使用who指令来查看当前有哪些用户登录&#xff0c;他的终端号…...

编程日记 2025/9/12 15:25:07

同时支持Vue2/Vue3的图片懒加载组件（支持懒加载 v-html 指令梆定的 html 内容）

&#x1f680; vue-lazyload-imgs&#xff08;LazyLoadImgs&#xff09; 组件简介 详情见&#xff1a;https://npmjs.com/package/vue-lazyload-imgs 安装方法&#xff1a; npm i vue-lazyload-imgs&#xff08;不要安装为开发依赖&#xff0c;应为产品依赖&#xff09; 适用环…...

编程日记 2025/9/20 7:11:36

Qt容器类在元对象系统中使用

解释 “QVector没有被注册到Qt的元对象系统中”这句话的意思是&#xff1a;QVector<double>这种数据类型没有被Qt的元对象系统&#xff08;Meta-Object System&#xff09;识别和管理。Qt的元对象系统是Qt框架的核心部分&#xff0c;它提供了信号与槽机制、动态属性系统…...

编程日记 2025/8/29 6:59:35

Qt中的信号与槽及其自定义

信号源&#xff1a;哪个控件发的信号 信号的类型&#xff1a;用户进行不同的操作就会触发不同的信号 如点击按钮&#xff0c;在输入框移动光标&#xff0c;勾选一个复选框&#xff0c;选 择一个下拉框 信号的处理方式&#xff1a;槽(slot)----也就是函数&#xff0c;Qt中用con…...

编程日记 2025/9/10 17:26:36

【已完结STM32】--自学江协科技笔记汇总

以下学习笔记代码均来自b站江协科技视频 笔记汇总完结 文章笔记对应江科大视频新建工程【2-2】新建工程江科大STM32-GPIO输出 点亮LED&#xff0c;LED闪烁&#xff0c;LED流水灯&#xff0c;蜂鸣器&#xff08;学习笔记&#xff09;_unit32-t rcc-apb2periph-CSDN博客 【3-1】…...

编程日记 2025/8/29 0:56:27