Vue+SpringBoot:整合JasperReport作PDF报表,并解决中文不显示问题

news2025/3/26 21:20:16

文章目录

  • 一、前言
  • 二、后端代码
    • 1、pom依赖
    • 2、Jaspersoft Studio生成的jasper文件
    • 3、main程序测试案例
    • 4、解决中文不显示问题
    • 5、web接口案例
  • 三、Vue前端代码
  • 四、演示效果

一、前言

以前,在流行jdk1.6的时候,作pdf报表,用的软件是iReport。
在这里插入图片描述
后来,主流jdk升级到1.8后,这个,软件就停止更新了。
现在使用的是JasperReport Studio
在这里插入图片描述在这里插入图片描述

下载Jaspersoft Studio 6
链接:https://pan.baidu.com/s/1mgkRC5qnz74k8AwdOMZqYQ
提取码:cwqb

二、后端代码

1、pom依赖

网上说一大堆的依赖,其实,只需要一个即可。

        <dependency>
            <groupId>net.sf.jasperreports</groupId>
            <artifactId>jasperreports</artifactId>
            <version>6.17.0</version>
        </dependency>

2、Jaspersoft Studio生成的jasper文件

在这里插入图片描述

3、main程序测试案例

import net.sf.jasperreports.engine.JREmptyDataSource;
import net.sf.jasperreports.engine.JRException;
import net.sf.jasperreports.engine.JasperExportManager;
import net.sf.jasperreports.engine.JasperFillManager;
import net.sf.jasperreports.engine.JasperPrint;
import org.springframework.util.ResourceUtils;

import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.util.HashMap;
import java.util.Map;

public class Test01 {
	public static void main(String[] args) throws FileNotFoundException, JRException {
		File file = ResourceUtils.getFile("classpath:templates/test01.jasper");
		Map<String,Object> params = new HashMap<>();
		params.put("username","张三");
		params.put("email","123456@qq.com");
		JasperPrint jasperPrint = JasperFillManager.fillReport(new FileInputStream(file), params, new JREmptyDataSource());
		JasperExportManager.exportReportToPdfFile(jasperPrint,"pdf/test01.pdf");
	}
}

4、解决中文不显示问题

创建目录:src/main/resources/fonts
创建文件:fonts.xml

<?xml version="1.0" encoding="UTF-8"?>

<fontFamilies>
    <fontFamily name="黑体"><!--字体名称-->
        <normal>fonts/simhei.ttf</normal><!--字体文件的路径-->
        <bold>fonts/simhei.ttf</bold>
        <italic>fonts/simhei.ttf</italic>
        <boldItalic>fonts/simhei.ttf</boldItalic>
        <pdfEncoding>Identity-H</pdfEncoding><!--这里的定义就与上面1.1的图设置相匹配了-->
        <pdfEmbedded>true</pdfEmbedded>
        <exportFonts>
            <export key="net.sf.jasperreports.html">'黑体', Arial, Helvetica, sans-serif</export>
            <export key="net.sf.jasperreports.xhtml">'黑体', Arial, Helvetica, sans-serif</export>
        </exportFonts>
    </fontFamily>
</fontFamilies>

从windows的目录:C:\Windows\Fonts
中找.ttf文件格式的字体,放入fonts中
在这里插入图片描述
添加配置文件:jasperreports_extension.properties

net.sf.jasperreports.extension.registry.factory.simple.font.families=net.sf.jasperreports.engine.fonts.SimpleFontExtensionsRegistryFactory
net.sf.jasperreports.extension.simple.font.families.lobstertwo=fonts/fonts.xml

5、web接口案例

	@GetMapping(value = "/preview/pdf")
	public void preview(HttpServletRequest request, HttpServletResponse response) throws Exception {
//		封装参数	对应jasper report里面的filed
		Map<String,Object> params = new HashMap<>();
		params.put("username","张三");
		params.put("email","123456@qq.com");
		File file = ResourceUtils.getFile("classpath:templates/test01.jasper");
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		response.setContentType("text/html");
		response.setContentType("application/pdf");
//		String fileName = new Date()+"测试报告.pdf";
//		设置header的这个属性,就变成了直接下载
//		response.setHeader("content-disposition","attachment;filename="+ URLEncoder.encode(fileName,"utf-8"));
//		new JREmptyDataSource()  给一个空数据源,因为,params已经查询到了具体的数据。
		JasperPrint jasperPrint = JasperFillManager.fillReport(new FileInputStream(file), params, new JREmptyDataSource());
		JasperExportManager.exportReportToPdfStream(jasperPrint,response.getOutputStream());
	}

三、Vue前端代码

这里需要一点axios的基本功。

      checkPdf().then(res => {
        // 将获取到的PDF文件流转换为Blob对象
        const blob = new Blob([res], { type: 'application/pdf' })
        // 创建一个URL对象
        const urlTwo = URL.createObjectURL(blob)
        // 设置PDF源为创建的URL
        window.open(urlTwo, '_blank')
      })

四、演示效果

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2321255.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

游戏引擎学习第180天

我们将在某个时候替换C标准库函数 今天我们要进行的工作是替换C标准库函数&#xff0c;这是因为目前我们仍然在使用C语言开发&#xff0c;并且在某些情况下会调用C标准库函数&#xff0c;例如一些数学函数和字符串格式化函数&#xff0c;尤其是在调试系统中&#xff0c;我们使…

【深度学习】【目标检测】【OnnxRuntime】【C++】YOLOV5模型部署

【深度学习】【目标检测】【OnnxRuntime】【C】YOLOV5模型部署 提示:博主取舍了很多大佬的博文并亲测有效,分享笔记邀大家共同学习讨论 文章目录 【深度学习】【目标检测】【OnnxRuntime】【C】YOLOV5模型部署前言Windows平台搭建依赖环境模型转换--pytorch转onnxONNXRuntime推…

什么是 Ansible Playbook?

一、Ansible Playbook 是什么&#xff1f; Ansible Playbook 是 Ansible 自动化工具的核心组件之一&#xff0c;它是一个以 YAML 格式编写的文件&#xff0c;用于定义一组自动化任务&#xff08;tasks&#xff09;。简单来说&#xff0c;Playbook 就像一个“剧本”或“指令清单…

Dynamics 365 Business Central 财务经常性一般日记帐做帐方法简介

#BC ERP# #Navision# #Recurring General Journal# 在BC ERP中为了方便财务做些经常性的一般日记帐的方法&#xff0c;为了省时省事会用到Recurring General Journal模块是一个好方法。在这里将分别用不同的示例 对经常性日记帐的各种方法做一介绍&#xff1a; 经常性日记帐 …

Mybatis注解的基础操作——02

写mybatis代码的方法有两种&#xff1a; 注解xml方式 本篇就介绍注解的方式 mybatis的操作主要有增删改查&#xff0c;下面进行一一讲解。 目录 一、参数传递 二、增&#xff08;Insert&#xff09; 三、删&#xff08;Delete&#xff09; 四、改&#xff08;Update&#…

在 IntelliJIDEA中实现Spring Boot多实例运行:修改配置与批量启动详解

前言 一、通过 ‌修改配置‌ 实现多实例运行二、通过 ‌批量启动‌ 实现多实例运行三、常见问题及解决方案四、最佳实践与扩展五、总结 在微服务开发中&#xff0c;经常需要同时启动多个服务实例进行测试或模拟集群环境。‌IntelliJ IDEA‌ 作为Java开发者常用工具&#xff0c;…

Mongodb分片模式部署

MongoDB 分片集群部署教程 1. 概述 MongoDB 分片是一种用于处理大规模数据集的集群技术。通过分片&#xff0c;MongoDB 可以将数据分布在多个服务器上&#xff0c;从而提高存储容量和读写性能。本教程将详细介绍如何从零开始部署 MongoDB 分片集群。 介绍 分片集群中主要由三…

ElementPlus 快速入门

目录 前言 为什么要学习 ElementPlus&#xff1f; 正文 步骤 1 创建 一个工程化的vue 项目 ​2 安装 element-Plus :Form 表单 | Element Plus 1 点击 当前界面的指南 2 点击左边菜单栏上的安装&#xff0c;选择包管理器 3 运行该命令 demo(案例1 &#xff09; 步骤 …

C++输入输出流第二弹:文件输入输出流and字符串输入输出流

目录 文件输入输出流&#xff08;重点&#xff09; 文件输入流 文件输入流对象的创建 对测试代码进行解读&#xff1a; 1. 代码核心逻辑 2. 读取过程详解 3. 关键特性总结 4. 注意事项 5. 完整流程示例 这里既然提到了 >> 流&#xff0c;那么就对他进行进一步的…

TCP传输---计算机网络

TCP结构 源端口和目标端口&#xff1a;标识通信的应用程序。序列号&#xff1a;标记发送的数据段的顺序序号。确认号 ( ACK)&#xff1a;确认接收到的数据序号。标志位&#xff1a;控制连接状态&#xff0c;包括 SYN&#xff08;同步&#xff09;、ACK&#xff08;确认&#xf…

基于TweenMax和SVG的炫酷弹性进度条动画特效

这是一款效果非常炫酷的基于TweenMax和SVG的炫酷弹性进度条动画特效。该弹性进度条特效在点击触发按钮之后&#xff0c;按钮会变形为进度条&#xff0c;然后一个滑块在它上面滑动&#xff0c;就像重物滑过绳子的感觉&#xff0c;非常有创意。 在线演示 使用方法 该弹性进度条效…

python面试高频考点(深度学习大模型方向)

1. python中yeild和return的区别&#xff1f; 2. 介绍一下pytohn中的上下文管理器&#xff1f; 在Python中&#xff0c;上下文管理器&#xff08;Context Manager&#xff09; 是一种通过 with 语句管理资源的协议&#xff0c;确保资源&#xff08;如文件、数据库连接、线程锁…

六、重学C++—深入探索new delete

上一章节&#xff1a; 五、重学C—类(封装继承)-CSDN博客https://blog.csdn.net/weixin_36323170/article/details/146458436?spm1001.2014.3001.5502 本章节代码&#xff1a; cpp CuiQingCheng/cppstudy - 码云 - 开源中国https://gitee.com/cuiqingcheng/cppstudy/tree/m…

Unity代码热更新和资源热更新

知识点来源&#xff1a;人间自有韬哥在&#xff0c;hybridclr,豆包 目录 一、代码热更新1.代码热更新概述2.HybridCLR 二、资源热更新1.资源热更新概述2.AB包2.1.AB包的加载2.2.卸载AB包2.3.加载AB包依赖包2.4.获取MD52.5.生成对比文件2.6.更新AB包 3.Addressable3.1.AssetRef…

于纷扰中寻静谧:正念观照的智慧之旅

在现代社会的快节奏浪潮中&#xff0c;我们仿若被裹挟前行的浮萍&#xff0c;生活的压力与信息的洪流冲刷着内心的宁静&#xff0c;焦虑与迷茫如影随形。而正念观照&#xff0c;恰似一叶扁舟&#xff0c;能引领我们在心灵的海洋中回归自我&#xff0c;探寻那片澄澈之境。 正念…

环境评价分析中土地利用现状图的制作方法

在环境评价中&#xff0c;土地利用现状图是重要的基础图件&#xff0c;用于分析项目区域的土地利用类型、分布格局及其生态环境特征。 以下是制作土地利用现状图的详细步骤和方法&#xff1a; 一、前期准备工作 确定制图范围和比例尺 根据评价范围确定制图区域边界 常用比例…

编程题记录3

九宫幻方 题目链接&#xff1a;https://www.lanqiao.cn/problems/100/learning/?page1&first_category_id1&second_category_id3&tags%E7%9C%81%E8%B5%9B&tag_relationintersection 先旋转、镜像得到所有的情况&#xff0c;可以发现情况是可以暴力得出的。…

sql语句给表添加一个递增列

SSMS–》视图-》数据库(表)-》新建查询 ALTER TABLE [表名] DROP COLUMN ID ALTER TABLE [表名] ADD ID INT IDENTITY(1,1)执行完以上操作&#xff0c;会在表的最后一列添加一个自增字段 接下来如何把最后一个字段放到第一个字段呢&#xff1f; 假如sqlserver 表test 有以下…

vue java 实现大地图切片上传

文章目录 一、项目背景二、页面三、代码1.前端2.mock-i18n.js文件3.xx.js文件定义方法4.配置文件 application.properties5.后端方法 四、易错点易错点1&#xff1a;前端要进行分片切割&#xff0c;然后再分片上传。易错点2&#xff1a;后端配置文件要配置。易错点3&#xff1a…

langchain+ollama+deepseek的部署(win)

ANACONDA 安装 官网&#xff1a;Download Anaconda Distribution | Anaconda 配置系统环境 在系统变量中配置 检查是否配置成功 通过 cmd 窗口输入&#xff1a; conda info 如图&#xff1a;表示成功 配置你的虚拟环境 二、安装 ollama allama 安装 官网地址&#xff1a…