SpringBoot整合PDF导出实现Vue下载

最新推荐文章于 2024-07-25 09:00:53 发布
最新推荐文章于 2024-07-25 09:00:53 发布
阅读量564 收藏 6
点赞数
文章标签： spring boot pdf vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46122292/article/details/128102792
版权

本文参考至以下文章编写：
文章题目： SpringBoot导出数据为PDF
文章作者：Archie_java
链接：http://t.csdn.cn/eFfqD

  • 导入依赖
		<!-- pdf-->
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>itextpdf</artifactId>
            <version>5.5.11</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf.tool</groupId>
            <artifactId>xmlworker</artifactId>
            <version>5.5.11</version>
        </dependency>
  • 编写工具类

PDFUtil :

import com.itextpdf.text.Font;
import com.itextpdf.text.Image;
import com.itextpdf.text.Paragraph;
import com.itextpdf.text.Phrase;
import com.itextpdf.text.pdf.PdfPCell;
import com.itextpdf.text.pdf.PdfPTable;

import javax.servlet.http.HttpServletResponse;
import java.io.*;
import java.net.URLEncoder;
import java.util.List;

/**
 * @Description: pdf工具类
 */
public class PDFUtil {

    /**
     * 生成文字段落
     * @param content 渲染的文字内容
     * @param font 字体
     * @param alignment 设定段落的对齐方式，参数1为居中对齐、2为右对齐、3为左对齐，默认为左对齐。
     * @return 返回文档段落
     */
    public static Paragraph getParagraph (String content, Font font, Integer alignment){
        Paragraph paragraph = new Paragraph(content,font) ;
        if (alignment != null && alignment >= 0){
            paragraph.setAlignment(alignment);
        }
        return paragraph ;
    }

    /**
     * 生成图片段落
     * @param imgPath 图片路径
     * @param width 图片宽度
     * @param height 图片高度
     * @return  返回图片段落
     * @throws Exception
     */
    public static Image getImage (String imgPath, float width, float height) throws Exception {
        Image image = Image.getInstance(imgPath);
        image.setAlignment(Image.MIDDLE);
        if (width > 0 && height > 0){
            image.scaleAbsolute(width, height);
        }
        return image ;
    }

    /**
     * 生成表格段落
     * @param numColumns 表格列数
     * @param totalWidth 表格宽度
     * @return 返回表格段落
     * @throws Exception
     */
    public static PdfPTable getPdfPTable (int numColumns, float totalWidth) throws Exception {
        // 表格处理
        PdfPTable table = new PdfPTable(numColumns);
        // 设置表格宽度比例为%100
        table.setWidthPercentage(100);
        // 设置宽度:宽度平均
        table.setTotalWidth(totalWidth);
        // 锁住宽度
        table.setLockedWidth(true);
        // 设置表格上面空白宽度
        table.setSpacingBefore(10f);
        // 设置表格下面空白宽度
        table.setSpacingAfter(10f);
        // 设置表格默认为无边框
        table.getDefaultCell().setBorder(0);
        table.setPaddingTop(50);
        table.setSplitLate(false);
        return table ;
    }
    /**
     * 表格内容
     */
    public static PdfPCell getPdfPCell (Phrase phrase){
        return new PdfPCell (phrase) ;
    }

    /**
     * 设置表格数据带样式
     * @param dataTable 表格
     * @param font 字体
     * @param cellList 表格数据
     */
    public static void addTableCell (PdfPTable dataTable, Font font, List<String> cellList){
        for (String content:cellList) {
            dataTable.addCell(getParagraph(content,font,-1));
        }
    }

    /**
     * 文件下载
     * @param path
     * @param response
     */
    public static  void downloadNet(String path, HttpServletResponse response) {
        InputStream fis = null;
        OutputStream out = null;
        // path是指欲下载的文件的路径。
        File file = new File(path);
        // 取得文件名。
        String fileName = file.getName();
        System.out.println(fileName);
        try {
            fis = new BufferedInputStream(new FileInputStream(path));
            byte[] buffer = new byte[fis.available()];
            fis.read(buffer);
            // 清空response
//            response.reset();
            out = new BufferedOutputStream(response.getOutputStream());
            response.setContentType("application/octet-stream");
            //如果输出的是中文名的文件，在此处就要用URLEncoder.encode方法进行处理
            response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileName, "UTF-8"));
            out.write(buffer);
            out.flush();

        } catch (IOException ex) {
            ex.getStackTrace();
        } finally {
            try {
                File f = new File(path);
                f.delete();
                if (fis != null) {
                    fis.close();
                }
                if (out != null) {
                    out.close();
                }
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }


}
  • 编写业务类
    CreatePDFService:

import com.itextpdf.text.BaseColor;
import com.itextpdf.text.Document;
import com.itextpdf.text.Font;
import com.itextpdf.text.FontFactory;
import com.itextpdf.text.pdf.BaseFont;
import com.itextpdf.text.pdf.PdfPTable;
import com.itextpdf.text.pdf.PdfWriter;
import java.io.File;
import java.io.FileOutputStream;
import java.util.ArrayList;
import java.util.List;

/**
 * @Description: 创建PDF测试类
 */
public class CreatePDFService {
    /**
     * PDF使用的字体，此处使用的是windos自带的字体
     */
    private static String FONT = "C:\\Windows\\Fonts\\Simhei.ttf";

    private static String PAGE_TITLE = "汽车租赁合同" ;

    /**
     * pdf标题样式
     */
    private static Font TITLE_FONT = FontFactory.getFont(FONT, BaseFont.IDENTITY_H,20, Font.BOLD);
    /**
     * 标签样式，等同于 <h1>
     */
    private static Font NODE_FONT = FontFactory.getFont(FONT, BaseFont.IDENTITY_H,15, Font.BOLD);
    /**
     * 标签样式，等同于 <h2>
     */
    private static Font BLOCK_FONT = FontFactory.getFont(FONT, BaseFont.IDENTITY_H,13, Font.BOLD, BaseColor.BLACK);
    /**
     * 内容样式
     */
    private static Font INFO_FONT = FontFactory.getFont(FONT, BaseFont.IDENTITY_H,12, Font.NORMAL,BaseColor.BLACK);
    /**
     * 表格文字样式
     */
    private static Font CONTENT_FONT = FontFactory.getFont(FONT, BaseFont.IDENTITY_H, BaseFont.NOT_EMBEDDED);


    /**
     * 创建pdf
     * @return
     * @throws Exception
     */
    public static String createPdfPage () throws Exception {
        File path = new File(System.getProperty("java.io.tmpdir") + File.separator + "pdf");
        if (path.mkdirs()) ;

        String outPdfPath = path + File.separator + "测试.pdf";

        // 创建文档
        Document document = new Document();
        PdfWriter writer = PdfWriter.getInstance(document, new FileOutputStream(outPdfPath));
        document.open();
        // 报告标题
        document.add(PDFUtil.getParagraph(PAGE_TITLE,TITLE_FONT,1)) ;
        document.add(PDFUtil.getParagraph("\n租赁人：张三",INFO_FONT,-1)) ;
        document.add(PDFUtil.getParagraph("\n出租方：好车车汽车租赁有限公司\n\n",INFO_FONT,-1)) ;
        // 报告内容
        // 段落标题 + 报表图
        document.add(PDFUtil.getParagraph("城市数据分布统计",NODE_FONT,-1)) ;
        document.add(PDFUtil.getParagraph("\n· 可视化图表\n\n",BLOCK_FONT,-1)) ;
        // 设置图片宽高
        float documentWidth = document.getPageSize().getWidth() - document.leftMargin() - document.rightMargin();
        float documentHeight = documentWidth / 580 * 320;
        document.add(PDFUtil.getImage("D:\\chat\\a.png",documentWidth-80,documentHeight-80)) ;
        // 数据表格
        document.add(PDFUtil.getParagraph("\n· 数据详情\n\n",BLOCK_FONT,-1)) ;
        PdfPTable dataTable = PDFUtil.getPdfPTable(6,500) ;
        // 设置表格
        List<String> tableHeadList = tableHead () ;
        List<List<String>> tableDataList = getTableData () ;
        PDFUtil.addTableCell(dataTable,CONTENT_FONT,tableHeadList);
        for (List<String> tableData : tableDataList) {
            PDFUtil.addTableCell(dataTable,CONTENT_FONT,tableData);
        }
        document.add(dataTable);
        document.add(PDFUtil.getParagraph("\n· 报表描述\n\n",BLOCK_FONT,-1)) ;
        document.add(PDFUtil.getParagraph("数据报告可以监控每天的推广情况，" +
                "可以针对不同的数据表现进行分析，以提升推广效果。",CONTENT_FONT,-1)) ;
        document.newPage() ;
        document.close();
        writer.close();

        return outPdfPath;

    }

    /**
     * 生成表格数据
     * @return
     */
    public static List<List<String>> getTableData (){
        List<List<String>> tableDataList = new ArrayList<>() ;
        for (int i = 0 ; i < 3 ; i++){
            List<String> tableData = new ArrayList<>() ;
            tableData.add("浙江"+i) ;
            tableData.add("杭州"+i) ;
            tableData.add("276"+i) ;
            tableData.add("33.3%") ;
            tableData.add("33.3%") ;
            tableData.add("33.3%") ;
            tableData.add("33.3%") ;
            tableData.add("33.3%") ;
            tableDataList.add(tableData) ;
        }
        return tableDataList ;
    }

    /**
     * 创建表格标题
     * @return
     */
    public static List<String> tableHead (){
        List<String> tableHeadList = new ArrayList<>() ;
        tableHeadList.add("省份") ;
        tableHeadList.add("城市") ;
        tableHeadList.add("数量") ;
        tableHeadList.add("百分比") ;
        tableHeadList.add("百分比") ;
        tableHeadList.add("百分比") ;
        tableHeadList.add("百分比2") ;
        tableHeadList.add("百分比1") ;
        return tableHeadList ;
    }

}

注：以上文件地址，及图片地址需要替换为自己的目录

  • 编写接口

TestController :


import com.example.demo.util.CreatePDFService;
import com.example.demo.util.PDFUtil;
import org.springframework.web.bind.annotation.*;
import javax.servlet.http.HttpServletResponse;
import java.io.*;


@RestController
@RequestMapping("/api")
public class TestController {

    /**
     * 导出PDF
     * @param response
     * @throws FileNotFoundException
     */
    @PostMapping("/exportPdf")
    public void  goetPdf(HttpServletResponse response) throws FileNotFoundException {
        String path = null;
        try {
            path = CreatePDFService.createPdfPage();
        } catch (Exception e) {
            e.printStackTrace();
        }
        PDFUtil.downloadNet(path, response);

    }
}
  • Vue调用接口及接收文件流
 export default {
    data() {
      return {
      }
    },
    methods: {
      //导出pdf文件，此处的exportPdf是请求接口/api/exportPdf的方法,此处直接替换为axios代码请求即可
      //后端返回的是文件流
      exportPdf(orderParam).then(res => {
        if (res) {
          let fileName= "测试"
          this.downloadFile(res,fileName, "pdf");
        }
      });
    },
    //下载pdf
    downloadFile(obj, name, suffix) {
      const url = window.URL.createObjectURL(new Blob([obj]))
      const link = document.createElement('a')
      link.style.display = 'none'
      link.href = url
      // const fileName = parseTime(new Date()) + '-' + name + '.' + suffix
      const fileName = name + '.' + suffix;
      link.setAttribute('download', fileName)
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link)
    },


  },
  • 请求结果
    响应文件流
    在这里插入图片描述
  • PDF下载效果
    在这里插入图片描述
亿只王菜菜
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
springboot+ireport5.6+jasperreports6.0实现导出中文PDF，HTML功能
qq_43418875的博客
03-29 2277
后端生成PDF和HTML集成 IReport IReport是一个能够创建复杂报表的开源项目。它100%使用Java语言编写。是目前全球最为流行的开源报表设计器。 1.1软件下载 下载网址：http://www.xdowns.com/soft/184/apple/2011/Soft_80420.html、 1.2软件安装 该软件必须使用jdk1.7，所以需要配置，请参照： htt...
Springboot vue导出功能实现代码
08-19
本文主要介绍了 Springboot Vue 导出功能实现代码，通过示例代码详细介绍了如何使用 Vue 2 和 Springboot 2.x 实现导出功能。文章还对 Axios 中的 params 和 data 两个参数进行了科普，介绍了如何正确使用这两个参数...
Springboot + Vue 下载Word、PDF文档并保留内部格式
niTaoTaoa的博客
07-18 1045
相对于上传，下载时复杂的地方就是文件中文名称乱码。
vue +springboot实现手机浏览器pdf浏览和下载（pdfh5）
吃黄瓜不蘸酱的博客
05-21 380
注：我在做的时候遇到最坑的就是这个预览，其他方法包括iframe和网上的其他一些组件都可以在电脑端正常加载，但是手机端就有问题，所以我采用了这个预览方法参考。
SpringBoot整合iText7导出PDF及性能优化
m0_72642319的博客
07-17 654
在Spring Boot中整合iText7来导出PDF文件是一个常见的需求，尤其是在需要生成报告或文档的应用场景中
springboot实现pdf转图片
weixin_43807280的博客
05-29 969
/ 将PNG图像垂直排列合并为一个图像。// 创建一个新的空白图像，用于存放合并后的图像。// 将PDF转换为PNG图像列表。// 遍历每一页并将其转换为PNG图像。// 将每一页的图像垂直堆叠在一起。// 保存合并后的图像为PNG文件。// 存储转换后的PNG图像。// 计算合并后的图像尺寸。//将每页pdf转成png并存储。// 获取PDF页面数量。// 加载PDF文档。// 关闭PDF文档。//合并png为一个整体。
【三十二】springboot+freemarker实现按模板导出word
weixin_56995925的博客
05-18 1497
springboot+freemarker实现按模板导出word
SpringBoot项目整合JasperReport报表生成PDF并下载
weixin_44949531的博客
06-01 2000
SpringBoot+layui项目整合JasperReport报表生成PDF并下载一、JasperReport是什么？二、生成步骤1.前端部分2.后端部分2.1引入依赖2.2Controller层2.3Service层3.模板部分 一、JasperReport是什么？ JasperReport是一个强大、灵活的报表生成工具，能够展示丰富的页面内容，并将之转换成PDF，HTML，或者XML格式。该库完全由Java写成，可以用于在各种Java应用程序，包括J2EE，Web应用程序中生成动态内容。 二、生成步
vue+springboot 多个文件打成zip包下载
qq_44813770的博客
07-31 551
需求：下载文件过多，需要点击每个文件进行下载，比较繁琐优化：在后台将多个文件打包成zip传给前端。
SpringBoot + EasyPoi + Vue实现Excel、Word、pdf实时预览
Ajie的博客
06-04 3229
1、需求 需要在后台实时预览每条数据的情况 注：我都是使用模板填充数据生成的，没有编辑Excel样式 2、解决方案 excel转html前端展示 直接生成Excel并上传到服务器，前端展示 3、上代码 3.1、引入依赖 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>4.0
spring boot + vue 前后端下载文件文件
weixin_42382758的博客
09-28 3926
java前后端文件交互
springboot整合vue实现上传下载文件
08-25
"SpringBoot整合Vue实现上传下载文件" SpringBoot是一款流行的Java框架，Vue是一款流行的前端框架。在实际开发中，我们经常需要实现文件的上传和下载操作。今天，我们将详细介绍如何使用SpringBoot整合Vue实现上传...
Springboot项目与vue项目整合打包的实现方式
08-25
Springboot项目与Vue项目整合打包的实现方式 在现代软件开发中，前端和后端项目的分离开发和集成是非常常见的。在这种情况下，我们需要在开发时将前端和后端项目分离，以便于更好地维护和更新代码。但是，在部署时...
SpringBoot整合Vue.docx
12-11
在本文中，我们将探讨如何将Spring Boot与Vue.js整合以实现前后端分离的应用。Spring Boot作为强大的Java后端框架，Vue.js作为轻量级的前端MVVM框架，它们的结合可以创建高效且易于维护的Web应用。我们将关注基本...
springboot+vue实现文件上传下载
01-18
本文实例为大家分享了springboot+vue实现文件上传下载的具体代码，供大家参考，具体内容如下 一、文件上传（基于axios的简单上传） 所使用的技术：axios、springboot、vue; 实现思路：通过h5 ：input元素标签进行...
Spring Boot组成的分布式系统中实现日志跟踪
最新发布
心猿意码
07-25 318
除了使用Sleuth和Zipkin之外，我们还可以自定义日志输出格式，以便更容易地识别请求的追踪信息。Xml深色版本1通过使用Spring Cloud Sleuth和Zipkin，我们可以轻松地为Spring Boot应用实现日志跟踪。这种方式不仅简化了日志跟踪的实现，还提供了强大的可视化工具，帮助我们更好地理解和调试分布式系统。此外，通过自定义日志输出格式和使用MDC，我们可以进一步定制日志以适应特定的需求。
Java面试八股之简述spring boot的目录结构
u012151345的博客
07-23 448
application.properties 或 application.yml：是 Spring Boot 的主要配置文件，可以有多个版本，例如 application-dev.yml 和 application-prod.yml，分别用于开发和生产环境。Spring Boot 项目遵循标准的 Maven 或 Gradle 项目布局，并且有一些约定的目录用于组织不同的项目组件。src/test/java 和 src/test/resources：包含测试相关的 Java 代码和资源文件。
Spring Boot 项目中使用事件发布和监听来实现消息推送和处理
servepeople的博客
07-23 481
首先，定义一个事件类，该类继承自import org} }} }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

亿只王菜菜

各位爷，赏口饭吃吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值