使用springboot和angular下载文件

基础概念

Spring Boot 是一个用于简化 Spring 应用程序初始搭建以及开发过程的框架。它提供了许多开箱即用的功能，使得开发者能够快速构建独立的、生产级别的 Spring 应用程序。

Angular 是一个用于构建客户端单页应用程序（SPA）的开源前端框架。它通过使用 TypeScript 语言，提供了丰富的工具和库，帮助开发者高效地构建复杂的前端应用。

下载文件的优势

简化开发流程：Spring Boot 和 Angular 的结合使用可以大大简化前后端分离的开发流程，使得前后端能够独立开发和部署。
提高开发效率：Spring Boot 提供了大量的自动配置和约定大于配置的原则，而 Angular 则提供了强大的数据绑定和组件化开发能力。
增强应用性能：通过前后端分离，可以更好地优化各自的技术栈，从而提高整体应用的性能。

类型

文件下载主要分为两种类型：

静态文件下载：如图片、文档等，通常通过前端直接请求后端提供的静态资源链接进行下载。
动态文件生成与下载：如报表、数据导出等，需要后端根据请求动态生成文件并提供下载链接。

应用场景

用户资料下载：用户可以在个人中心下载自己的头像、简历等文件。
数据导出：用户可以将系统中的数据导出为 Excel、CSV 等格式进行离线分析。
文件分享：用户可以将文件分享给其他用户，其他用户通过链接进行下载。

实现文件下载的方法

后端（Spring Boot）

在 Spring Boot 中，可以通过 HttpServletResponse 对象来实现文件下载。以下是一个简单的示例代码：

@GetMapping("/download")
public void downloadFile(HttpServletResponse response) throws IOException {
    // 设置文件路径和文件名
    String filePath = "path/to/your/file";
    String fileName = "your-file-name";

    // 设置响应头信息
    response.setContentType("application/octet-stream");
    response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileName, "UTF-8"));

    // 读取文件并写入响应输出流
    try (InputStream inputStream = new FileInputStream(filePath);
         OutputStream outputStream = response.getOutputStream()) {
        byte[] buffer = new byte[1024];
        int bytesRead;
        while ((bytesRead = inputStream.read(buffer)) != -1) {
            outputStream.write(buffer, 0, bytesRead);
        }
    }
}

前端（Angular）

在 Angular 中，可以通过 HttpClient 发送请求获取文件下载链接，并使用 window.open 或 <a> 标签进行下载。以下是一个简单的示例代码：

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

downloadFile() {
    this.http.get('/download', { responseType: 'blob' }).subscribe((blob: Blob) => {
        const url = window.URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = 'your-file-name';
        document.body.appendChild(a);
        a.click();
        a.remove();
        window.URL.revokeObjectURL(url);
    });
}