Freemarker+thymeleaf应用实现打印银行小票

已于 2023-08-21 08:54:24 修改
阅读量274 收藏 1
点赞数
分类专栏： 微服务&Spring 文章标签： spring boot spring java freemarker thymeleaf
于 2023-08-14 17:18:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangerrong/article/details/132280030
版权

背景：最近项目里有个需求，需要动态配置一个模板，来打印各种不同银行或者其他行业的小票，下面小小记录一下实现过程。

关键词：Springboot, thymeleaf, Freemarker,html2image

一，引入依赖

<dependency>
	    <groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

<dependency>
	<groupId>org.xhtmlrenderer</groupId>
	<artifactId>core-renderer</artifactId>
	<version>R8</version>
</dependency>
<dependency>
	<groupId>com.github.xuwei-k</groupId>
	<artifactId>html2image</artifactId>
	<version>0.1.0</version>
</dependency>
<!-- freemarker模板引擎-->
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>

二，准备数据

1，动态配置的字段
2，包含所有配置信息的字段Dto
 
@Data
public class TemplateFieldDto {
    /**
     * 模板id
     */
    private long templateId;
    /**
     * 字段id
     */
    private long fieldId;
    /**
     * bankId
     */
    private long bankId;
    /**
     * 商户ID
     */
    private long merchantId;
    /**
     * 发票联类型， MERCHANT,CARDHOLDER,SETTLEMENT
     */
    private String ftlType;
    /**
     * 字段编码
     */
    private String fieldCode;
    /**
     * 字段名，多语言
     */
    private String fieldName;
    /**
     * 字段值
     */
    private String fieldValue;
    /**
     * 语言
     */
    private String languageType;
    /**
     * 顺序
     */
    private Integer fieldOrder;
    /**
     * 字体颜色，#333333
     */
    private String fontColor;
    /**
     * 标题字体大小，单位px
     */
    private String titleFontSize;
    /**
     * 字体大小，单位px
     */
    private String fontSize;
    /**
     * 是否粗体,bold
     */
    private String fontStyle;
    /**
     * 是否展示字段名标题
     */
    private boolean showTitle;
    /**
     * 是否换行， 0 否，1 是
     */
    private boolean newLine;
    /**
     * 是否合并到title
     */
    private boolean mergeToTitle;
    /**
     * 对齐方式，left，right,center
     */
    private String position;
}
3，组装成需要的数据结构

三，配置动态模板 

这里是关键，需要遍历数据，并判断数据中属性

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8"/>
    <style>
        table {
font-family: "Times New Roman", serif;
}
    </style>
    <title>FreeMarker</title>
</head>

<body>
    <table border="0" width="300">
        <#if data??>
            <#list data as item>
                <#if item.showTitle>
                    <#if item.newLine>
                        <tr>
                            <td colspan="3" style="text-align: left; font-size: ${item.titleFontSize};">${item.fieldName}:</td>
                        </tr>
                        <tr>
                            <td colspan="3" style="text-align: ${item.position}; font-weight: ${item.fontStyle}; font-size:${item.fontSize};">${item.fieldValue}</td>
                        </tr>
                    <#else>
                        <#if item.mergeToTitle>
                            <tr>
                                <td colspan="3" style="text-align: ${item.position}; font-weight: ${item.fontStyle};font-size: ${item.fontSize};">${item.fieldName}: ${item.fieldValue}</td>
                            </tr>
                        <#else>
                            <tr>
                                <td style="text-align: left; font-weight: ${item.fontStyle};font-size: ${item.titleFontSize};">${item.fieldName}:</td>
                                <td colspan="2" style="text-align: ${item.position}; font-weight: ${item.fontStyle}; font-size: ${item.fontSize};">${item.fieldValue}</td>
                            </tr>
                        </#if>
                    </#if>
                <#else>
                    <#if item.fieldCode=='amountTitleLine'>
                        <tr>
                            <td style="text-align: left; font-size: 12px; width: 20%">TYPE</td>
                            <td style="text-align: center; font-size: 12px; width: 60%">SUM</td>
                            <td style="text-align: right; font-size: 12px; width: 20%">AMOUNT</td>
                        </tr>
                    <#elseif item.fieldCode=='creditCard'>
                        <tr>
                            <td colspan="3" style="text-align: left; font-size: ${item.fontSize}; width: 20%">${item.fieldName}</td>
                        </tr>
                        <tr>
                            <td style="text-align: left; font-size: ${item.fontSize}; width: 20%">SALE</td>
                            <td style="text-align: center; font-size: ${item.fontSize}; width: 60%">${creditCard.creditSaleCount}</td>
                            <td style="text-align: right; font-size: ${item.fontSize}; width: 20%">${creditCard.creditSaleAmount}</td>
                        </tr>
                        <tr>
                            <td style="text-align: left; font-size: ${item.fontSize}; width: 20%">VOID</td>
                            <td style="text-align: center; font-size: ${item.fontSize}; width: 60%">${creditCard.creditVoidCount}</td>
                            <td style="text-align: right; font-size: ${item.fontSize}; width: 20%">${creditCard.creditVoidAmount}</td>
                        </tr>
                    <#elseif item.fieldCode=='debitCard'>
                        <tr>
                            <td colspan="3" style="text-align: left; font-size: ${item.fontSize}; width: 20%">${item.fieldName}</td>
                        </tr>
                        <tr>
                            <td style="text-align: left; font-size: ${item.fontSize}; width: 20%">SALE</td>
                            <td style="text-align: center; font-size: ${item.fontSize}; width: 60%">${debitCard.debitSaleCount}</td>
                            <td style="text-align: right; font-size: ${item.fontSize}; width: 20%">${debitCard.debitSaleAmount}</td>
                        </tr>
                        <tr>
                            <td style="text-align: left; font-size: ${item.fontSize}; width: 20%">REFUND</td>
                            <td style="text-align: center; font-size: ${item.fontSize}; width: 60%">${debitCard.debitRefundCount}</td>
                            <td style="text-align: right; font-size: ${item.fontSize}; width: 20%">${debitCard.debitRefundAmount}</td>
                        </tr>
                        <tr>
                            <td style="text-align: left; font-size: ${item.fontSize}; width: 20%">CASHBACK</td>
                            <td style="text-align: center; font-size: ${item.fontSize}; width: 60%">${debitCard.debitCashbackCount}</td>
                            <td style="text-align: right; font-size: ${item.fontSize}; width: 20%">${debitCard.debitCashbackAmount}</td>
                        </tr>
                    <#elseif item.fieldCode=='allCards'>
                        <tr>
                            <td colspan="3" style="text-align: left; font-size: ${item.fontSize}; width: 20%">${item.fieldName}</td>
                        </tr>
                        <tr>
                            <td style="text-align: left; font-size: ${item.fontSize}; width: 20%">SALE</td>
                            <td style="text-align: center; font-size: ${item.fontSize}; width: 60%">${allCards.totalSaleCount}</td>
                            <td style="text-align: right; font-size: ${item.fontSize}; width: 20%">${allCards.totalSaleAmount}</td>
                        </tr>
                        <tr>
                            <td style="text-align: left; font-size: ${item.fontSize}; width: 20%">REFUND</td>
                            <td style="text-align: center; font-size: ${item.fontSize}; width: 60%">${allCards.totalRefundCount}</td>
                            <td style="text-align: right; font-size: ${item.fontSize}; width: 20%">${allCards.totalRefundAmount}</td>
                        </tr>
                    <#elseif item.fieldCode=='totalAmoutEnd'>
                        <tr>
                            <td style="text-align: left; font-size: ${item.fontSize}; width: 20%">${item.fieldName}</td>
                            <td style="text-align: center; font-size: ${item.fontSize}; width: 60%">${totalAmoutEnd.totalCount}</td>
                            <td style="text-align: right; font-size: ${item.fontSize}; width: 20%">${totalAmoutEnd.totalAmount}</td>
                        </tr>
                    <#else>
                        <#if item.fieldCode=='bankLogo'>
                            <tr>
                                <td colspan="3" style="text-align: ${item.position};">
                                    <img src="${item.fieldValue}" width="250" height="100" alt="BankLogo"/>
                                </td>
                            </tr>
                        <#elseif item.fieldCode='emptyLine'>
                            <tr>
                                <td colspan="3" style="height:15px;">
                                </td>
                            </tr>
                        <#elseif item.fieldCode='grayLine'>
                            <tr>
                                <td colspan="3">
                                    <hr style="border: none; border-bottom:1px solid black"/>
                                </td>
                            </tr>
                        <#else>
                            <tr>
                                <td colspan="3" style="text-align: ${item.position}; font-weight: ${item.fontStyle}; font-size: ${item.fontSize};">${item.fieldValue}</td>
                            </tr>
                        </#if>
                    </#if>
                </#if>
            </#list>
        <#else>
        </#if>
    </table>
</body>

</html>

四，结果展示

码字不易，记得点赞关注哟

东皋长歌
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
springBoot项目--平台控制商品订单中各商家打印机打印小票！
Daryl的博客
02-20 2013
@Configuration public class GoodsOrderPrintScheduling { private static final Logger logger = LoggerFactory.getLogger(GoodsOrderPrintScheduling.class); @Value("${device.print.url}") public...
springboot框架+thymeleaf模板引擎+layui前端框架+数据库
12-19
开源项目结合了springboot框架+thymeleaf模板引擎+layui前端框架+数据库+redis等技术
SpringBoot实现电子发票生成
不愧是暮言的博客
05-21 2941
电子发票是近年来比较流行的一种票据形式，它取代了以往传统的纸质发票，具有减少纸张浪费、方便有效查验等优点。本文将介绍如何使用Spring Boot和Vue.js构建一个仿真电子发票生成应用程序，借助微信二维码扫描功能和第三方库，实现用户扫描二维码获取发票信息并填写相关开票信息，最后生成电子发票。在本文中，我们介绍了如何使用Spring Boot和Vue.js构建一个仿真电子发票生成应用程序，借助微信二维码扫描功能和第三方库，实现用户扫描二维码获取发票信息并填写相关开票信息，最后生成电子发票。
《SpringBoot2.0 实战》系列-整合thymeleaf 实现模板文件转word打印
小葫芦的博客
05-25 2104
前言 最近，有小伙伴看了我的《模板文件转pdf打印》文章后，私信问我，有没有转word的demo。当时只能遗憾的说没有。所以就有了这篇文章。 如何开始 thymeleaf 依赖包 <!-- thymeleaf --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifa
基于springboot2.0+freemarker+thymeleaf+mybatis+druid实现了支付宝，微信支付功能
06-24
springboot-weixin-alipay是基于(springboot2.0+freemarker+thymeleaf+mybatis+druid)实现了支付宝，微信支付功能，用户列表,商品列表,选择购买,提交订单,扫码支付,订单表单提交支付的通用商城项目.
thymeleaf打印集合数据
祈澈菇凉
03-07 784
json { "id": 82, "workNumber": "M202105241431", "issueNumber": "202105241431", "workName": "99999", "beginTime": "2021-05-24 14:31:00", "endTime": "2021-05-24 14:31:00", "p...
基于FreeMarker+aspose的Word模板制作及打印
weixin_42653892的博客
11-09 2120
基于FreeMarker+aspose的Word模板制作及打印，简单介绍了： 普通文本渲染，普通list数据渲染，横向list数据渲染， 图片插入，图表制作，循环复制图表及相关工具类使用和html渲染/图表/三测单结果示例 3.7 freemaker相关语法说明
Spring Boot——Thymeleaf生成PDF实战教程
小甘说码的博客
09-13 8137
Spring Boot——Thymeleaf生成PDF实战教程
打印收款单据（easypoi）Vue+springBoot+Mybatisplus
weixin_43976964的博客
09-21 3602
打印pdf单据（模板） 前端 先导入printJS yarn add print-js <template> <a-card> <div> <a-button @click="receipt(billNo)" type="primary">打印</a-button> <div cl...
thymelef html调用打印,如何使用thymeleaf从HTML获取数据?
weixin_29944865的博客
06-04 278
我使用thymeleaf通过邮件发送消息,使用contex()设置具有用户字段的变量。有什么问题?问题是,当您从邮件的模板发送数据时,整个HTML代码都会被发送,但您只需要一条消息。我想看代码会更清楚Context context = new Context();context.setVariable("name", user.getUsername());context.setVariable(...
《SpringBoot2.0 实战》系列-整合FlyingSaucer + thymeleaf 实现模板文件转pdf打印
小葫芦的博客
05-22 3555
前言 最近，接到一个模板打印pdf的任务，后来网上找了很多案例，本文做下记录。 如何开始 添加依赖包 <!-- thymeleaf --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starte...
SpringBoot集成Freemarker+FlyingSaucer实现pdf在线预览.pdf
09-13
SpringBoot集成Freemarker+FlyingSaucer实现pdf在线预览.pdf
基于springboot+mvc+freemarker+aop实现校友信息管理系统源码.zip
最新发布
01-08
1、基于springboot+mvc+freemarker+aop实现校友信息管理系统源码.zip 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考...
基于springboot+mvc+freemarker+aop实现校友信息管理系统.zip
08-30
基于springboot+mvc+freemarker+aop实现校友信息管理系统.zip基于springboot+mvc+freemarker+aop实现校友信息管理系统.zip基于springboot+mvc+freemarker+aop实现校友信息管理系统.zip基于springboot+mvc+freemarker...
Thymeleaf模板，在HTML的JavaScript 中使用变量
qq_41901047的博客
06-18 2953
在HTML中将从后端传过来的数据使用在js脚本中，需要进行如下配置： <script th:inline="javascript"> var fs1 = [[${fs1}]]; console.log(fs1); var user = /*[[${user}]]*/ null; console.log(user) </script> Thymeleaf会自动将变量进行转换，同时将对象转换成json串，如上面的user对象，控制台打印出来的内容
Thymeleaf在html中的输出
houjguang的专栏
06-14 5076
thymeleaf在页面中输出格式th:field,其中filed是各标签中的属性 1、在table中遍历List 输出序列号 序号 输出变量值 代码 点击事件,渲染结果onclick="edit('23')" >编辑 2、if-else可以使用switch-case来实现 true false 3、js中赋值...
使用freemarker生成word，步骤详解并奉上源代码
热门推荐
注销中...
01-22 10万+
步骤 1、 用word编辑好模板 1、 普通字符串替换为 ${string} 2、 表格循环用标签 <#list userList as user> 姓名：${user.userName}   ， 性别：${user.sex} </#list> 2、    将word模板另存为xml格式 选中 [ 仅保存数据 ] 选择 [ 保持wordML(K) ] 3、 将xml模板文件后缀名改为.ftl 4、 编辑ftl文件 搜索关键字，补入 <#list userList as user> </#lis
Thymeleaf 循环打印1到指定的整数
鸟人的博客
03-01 1082
在用thymeleaf末班获取后台的page对象时，我们需要进行分页页码的显示，通过page对象的totalPages可以获取到所有页面，那么获取到的这个整数，怎么循环打印出来呢？ thymeleaf提供了一种函数 #numbers.sequence（inta,intb） 这个函数的作用是循环遍历a-b之间的整数 下面给出例子 <div class="page"th:each="i:${#......
Freemarker+Flying sauser +Itext 利用ftl模板生成PDF打印预览
u014467070的博客
11-23 2586
js function printPDF(){ window.open(adminPath+"/officer/cxsxwh/printPDF?&personnelUuid="+personnelUuid+param); ////window.location.href=adminPath+"/officer/cxsxwh/printPDF?&personnelUuid
freemarker和thymeleaf选择
09-02
根据引用和引用的内容，比较freemarker和thymeleaf这两个模板引擎，可以得出以下结论：freemarker是一种功能强大的模板引擎，而thymeleaf则是一种与HTML紧密集成的模板引擎。根据引用的内容，尽管spring boot默认推荐使用thymeleaf作为模板引擎，但从源码层面来看，spring团队对于选择模板引擎并没有明确的默认推荐。因此，选择使用freemarker还是thymeleaf取决于具体的需求和个人偏好。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [thymeleaf和freemarker的比较选择](https://blog.csdn.net/mingzii/article/details/97919900)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Freemarker 和 Thymeleaf 究竟怎么选？](https://blog.csdn.net/qq_45794678/article/details/103124255)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

东皋长歌

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值