【Thymeleaf】格式化数字

最新推荐文章于 2022-09-08 22:37:32 发布
最新推荐文章于 2022-09-08 22:37:32 发布
阅读量6.2k 收藏 15
点赞数 4
分类专栏： thymeleaf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sayyy/article/details/94397479
版权

前言

  • thymeleaf 3.0
  • spring boot 2.0.0RELEASE

左补0

<p th:with="num=10" th:utext="${#numbers.formatInteger(num,3)}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatInteger(num,4)}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatInteger(num,5)}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatInteger(num,6)}">number format</p>

输出结果：

<p>010</p>
<p>0010</p>
<p>00010</p>
<p>000010</p>

千分位分隔符

<p th:with="num=1" th:utext="${#numbers.formatInteger(num,1,'COMMA')}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatInteger(num,1,'COMMA')}">number format</p>
<p th:with="num=100" th:utext="${#numbers.formatInteger(num,1,'COMMA')}">number format</p>
<p th:with="num=1000" th:utext="${#numbers.formatInteger(num,1,'COMMA')}">number format</p>
<p th:with="num=10000" th:utext="${#numbers.formatInteger(num,1,'COMMA')}">number format</p>
<p th:with="num=100000" th:utext="${#numbers.formatInteger(num,1,'COMMA')}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatInteger(num,2,'COMMA')}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatInteger(num,3,'COMMA')}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatInteger(num,4,'COMMA')}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatInteger(num,5,'COMMA')}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatInteger(num,6,'COMMA')}">number format</p>

输出结果：

<p>1</p>
<p>10</p>
<p>100</p>
<p>1,000</p>
<p>10,000</p>
<p>100,000</p>
<p>10</p>
<p>010</p>
<p>0,010</p>
<p>00,010</p>
<p>000,010</p>

千分位分隔符 + 保留2位小数

<p th:with="num=1" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=100" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=1000" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=10000" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=100000" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=1000000" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=1234567.8" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=1234567.85" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=1234567.8797" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>
<p th:with="num=1234567.8732" th:utext="${#numbers.formatDecimal(num,3, 'COMMA', 2,'POINT')}">number format</p>

输出结果：

<p>001.00</p>
<p>010.00</p>
<p>100.00</p>
<p>1,000.00</p>
<p>10,000.00</p>
<p>100,000.00</p>
<p>1,000,000.00</p>
<p>1,234,567.80</p>
<p>1,234,567.85</p>
<p>1,234,567.88</p>
<p>1,234,567.87</p>

货币格式

转换成货币格式时，是根据当前的 Locale 进行转换。

<p th:with="num=1" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=10" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=100" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=1000" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=10000" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=100000" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=1000000" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=1234567.8" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=1234567.85" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=1234567.8797" th:utext="${#numbers.formatCurrency(num)}">number format</p>
<p th:with="num=1234567.8732" th:utext="${#numbers.formatCurrency(num)}">number format</p>

Locale = zh_CN 时，输出结果：

<p>￥1.00</p>
<p>￥10.00</p>
<p>￥100.00</p>
<p>￥1,000.00</p>
<p>￥10,000.00</p>
<p>￥100,000.00</p>
<p>￥1,000,000.00</p>
<p>￥1,234,567.80</p>
<p>￥1,234,567.85</p>
<p>￥1,234,567.88</p>
<p>￥1,234,567.87</p>

Locale = en_US 时，输出结果：

<p>$1.00</p>
<p>$10.00</p>
<p>$100.00</p>
<p>$1,000.00</p>
<p>$10,000.00</p>
<p>$100,000.00</p>
<p>$1,000,000.00</p>
<p>$1,234,567.80</p>
<p>$1,234,567.85</p>
<p>$1,234,567.88</p>
<p>$1,234,567.87</p>

Locale = de_DE 时，输出结果：

<p>1,00 €</p>
<p>10,00 €</p>
<p>100,00 €</p>
<p>1.000,00 €</p>
<p>10.000,00 €</p>
<p>100.000,00 €</p>
<p>1.000.000,00 €</p>
<p>1.234.567,80 €</p>
<p>1.234.567,85 €</p>
<p>1.234.567,88 €</p>
<p>1.234.567,87 €</p>

百分比格式

<p th:with="num=1" th:utext="${#numbers.formatPercent(num, 1, 2)}">number format</p>
<p th:with="num=1" th:utext="${#numbers.formatPercent(num, 2, 2)}">number format</p>
<p th:with="num=1" th:utext="${#numbers.formatPercent(num, 3, 2)}">number format</p>
<p th:with="num=1" th:utext="${#numbers.formatPercent(num, 4, 2)}">number format</p>
<p th:with="num=0.80" th:utext="${#numbers.formatPercent(num, 1, 2)}">number format</p>
<p th:with="num=0.808" th:utext="${#numbers.formatPercent(num, 1, 2)}">number format</p>
<p th:with="num=0.80881" th:utext="${#numbers.formatPercent(num, 1, 2)}">number format</p>
<p th:with="num=0.80888" th:utext="${#numbers.formatPercent(num, 1, 2)}">number format</p>
<p th:with="num=3.1415926" th:utext="${#numbers.formatPercent(num, 1, 3)}">number format</p>

输出结果：

<p>100.00%</p>
<p>100.00%</p>
<p>100.00%</p>
<p>0,100.00%</p>
<p>80.00%</p>
<p>80.80%</p>
<p>80.88%</p>
<p>80.89%</p>
<p>314.159%</p>

Thymeleaf 中的 numbers 对象

  • #numbers : utility methods for number objects:
/*
 * ======================================================================
 * See javadoc API for class org.thymeleaf.expression.Numbers
 * ======================================================================
 */

/*
 * ==========================
 * Formatting integer numbers
 * ==========================
 */

/* 
 * Set minimum integer digits.
 * Also works with arrays, lists or sets
 */
${#numbers.formatInteger(num,3)}
${#numbers.arrayFormatInteger(numArray,3)}
${#numbers.listFormatInteger(numList,3)}
${#numbers.setFormatInteger(numSet,3)}


/* 
 * Set minimum integer digits and thousands separator: 
 * 'POINT', 'COMMA', 'WHITESPACE', 'NONE' or 'DEFAULT' (by locale).
 * Also works with arrays, lists or sets
 */
${#numbers.formatInteger(num,3,'POINT')}
${#numbers.arrayFormatInteger(numArray,3,'POINT')}
${#numbers.listFormatInteger(numList,3,'POINT')}
${#numbers.setFormatInteger(numSet,3,'POINT')}


/*
 * ==========================
 * Formatting decimal numbers
 * ==========================
 */

/*
 * Set minimum integer digits and (exact) decimal digits.
 * Also works with arrays, lists or sets
 */
${#numbers.formatDecimal(num,3,2)}
${#numbers.arrayFormatDecimal(numArray,3,2)}
${#numbers.listFormatDecimal(numList,3,2)}
${#numbers.setFormatDecimal(numSet,3,2)}

/*
 * Set minimum integer digits and (exact) decimal digits, and also decimal separator.
 * Also works with arrays, lists or sets
 */
${#numbers.formatDecimal(num,3,2,'COMMA')}
${#numbers.arrayFormatDecimal(numArray,3,2,'COMMA')}
${#numbers.listFormatDecimal(numList,3,2,'COMMA')}
${#numbers.setFormatDecimal(numSet,3,2,'COMMA')}

/*
 * Set minimum integer digits and (exact) decimal digits, and also thousands and 
 * decimal separator.
 * Also works with arrays, lists or sets
 */
${#numbers.formatDecimal(num,3,'POINT',2,'COMMA')}
${#numbers.arrayFormatDecimal(numArray,3,'POINT',2,'COMMA')}
${#numbers.listFormatDecimal(numList,3,'POINT',2,'COMMA')}
${#numbers.setFormatDecimal(numSet,3,'POINT',2,'COMMA')}


/* 
 * =====================
 * Formatting currencies
 * =====================
 */

${#numbers.formatCurrency(num)}
${#numbers.arrayFormatCurrency(numArray)}
${#numbers.listFormatCurrency(numList)}
${#numbers.setFormatCurrency(numSet)}


/* 
 * ======================
 * Formatting percentages
 * ======================
 */

${#numbers.formatPercent(num)}
${#numbers.arrayFormatPercent(numArray)}
${#numbers.listFormatPercent(numList)}
${#numbers.setFormatPercent(numSet)}

/* 
 * Set minimum integer digits and (exact) decimal digits.
 */
${#numbers.formatPercent(num, 3, 2)}
${#numbers.arrayFormatPercent(numArray, 3, 2)}
${#numbers.listFormatPercent(numList, 3, 2)}
${#numbers.setFormatPercent(numSet, 3, 2)}


/*
 * ===============
 * Utility methods
 * ===============
 */

/*
 * Create a sequence (array) of integer numbers going
 * from x to y
 */
${#numbers.sequence(from,to)}
${#numbers.sequence(from,to,step)}

参考

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#numbers

sayyy
关注
专栏目录
Springboot+thymeleaf+IDEA——简单格式化日期和数字
简简单单Onlinezuozuo
05-29 5604
文章目录Springboot+thymeleaf+IDEA——简单格式化日期和数字1、格式化日期2、格式化数字 Springboot+thymeleaf+IDEA——简单格式化日期和数字 1、格式化日期 格式化写法跟基本的写法一致，支持无参数 <dd th:text="${#dates.format(dateStr, 'yyyy-MM-dd')}"></dd> thy...
Thymeleaf - 使用方法及国际化(超详细)
江南烟雨却痴缠丶
03-17 1万+
Thymeleaf简介 Thymeleaf是一个和Velocity、FreeMarker 类似的模板引擎，它在有网络和无网络的环境下皆可运行。因为它支持html原型，在html的标签里增加了额外的属性来达到模板+数据的展示方式。浏览器解释html时会忽略未定义的标签属性，所以thymeleaf的模板可以静态地运行。当有数据返回到页面时，Thymeleaf标签会动态地替换掉静态内容，使页面动态显示。...
Thymeleaf对象的使用：数字对象
gdjlc的专栏
10-12 1万+
Thymeleaf主要使用 org.thymeleaf.expression.Numbers 类处理数字，在模板中使用 #numbers 对象来处理数字。 开发环境：IntelliJ IDEA 2019.2.2 Spring Boot版本：2.1.8 新建一个名称为demo的Spring Boot项目。 pom.xml加入Thymeleaf依赖： <dependenc...
thymeleaf 数字格式化
qq_17152035的博客
10-24 1万+
使用案例： &lt;td th:text="${#numbers.formatDecimal(item.kaipiaozje/100.0,1,2)}"&gt;&lt;/td&gt; 说明： 若想四舍五入保留小数后两位 应为(item.kaipiaozje/100.0,1,2)  如 109/100 = 1.09   若为(item.kaipiaozje/100,1,2) 则会丢失精度  如...
thymeleaf 对数值进行格式化
05-04 2186
这是我比较常用的，还有其他的可以从文档中查找： <td th:text="${#numbers.formatDecimal(p.producedQuantity,1,2)}"></td> /* * ==============================...
Thymeleaf使用number工具类对double/float型数据进行四舍五入处理
YR_112233的博客
08-20 1805
Thymeleaf使用number工具类对double/float型数据进行四舍五入处理 Thymeleaf #numbers 显示千分位金额，保留小数位 基本语法： #numbers.formatDecimal(num,整数位,整数位千分位标识符,小数位,小数位表示符) COMMA：’,’ POINT：‘.’ 显示：99,999,999.99 1：表示整数位至少一位，不足以0补齐，如：num = 0.00， ${#numbers.formatDecimal(num,0,‘COMMA’,2,‘POINT’)
Thymeleaf将字符串转换为数字
HongYu012的博客
03-09 2418
Thymeleaf将字符串转换为数字 Thymeleaf将字符串转换为数字！ 近期努力敲代码的时候遇到一个问题，某个字段在后端使用的是String存储，但是前端thymeleaf模板需要使用这个字段做数字加减，因为是字符串所以变成了字符串的相加（比如：'1'+'1'='11'），如果此时更改后端较为麻烦，还需要更改数据库，只能想办法转换一下。 网上查找没有相关资料且质量堪忧，所以自己写一篇文章希望可以帮助到有需要的人，特此记录。 问题截图： 代码截图： 起初以为Thymeleaf有提供I
Springboot Thymeleaf数字对象使用方法
12-20
当我们需要在模板中处理数字时，Thymeleaf提供了`org.thymeleaf.expression.Numbers`类，通过`#numbers`对象我们可以对数字进行各种格式化的操作。在本文中，我们将深入探讨如何在Spring Boot 2.1.8版本中使用...
thymeleaf for数字
最新发布
09-01
除了显示和格式化数字，Thymeleaf 还支持对数字进行算术运算和比较。可以使用 Thymeleaf 的内置运算符和函数来完成这些操作，例如 `th:if="${number > 0}"` 可以判断数字是否大于零。 总之，Thymeleaf 提供了丰富的...
29.在springboot中使用thymeleaf的内置工具类对象（#dates,#numbers,#strings,#lists,null处理）
weixin_59334478的博客
09-08 967
#strings: 字符串对象的实用方法： contains, startsWith, prepending/appending 等；#lists: list 的实用方法，比如
thymeleaf-Utilities语法大全
01-31
- #dates - #calendars - #numbers - #strings - #objects - #bools - #arrays - #lists - #sets - #maps - #aggregates - #messages - #ids 备注：整理自@BraveWangDev大神博客
thymeleaf 踩坑之路（一） 数字(number) 算法坑
qq_36083215的博客
12-21 1万+
thymeleaf 踩坑之路（一） 数字(number) 算法坑 涉及坑 除法,整数和浮点数 三元运算(?:) 循环(list-&gt;each)遍历 拼接，字符串拼接，url拼接 用下标取list的元素 字符串截取 源代码：出处/util-kotlin/src/main/resources/templates/upload.html 源代码相关 util-kotlin &...
thymeleaf中的日期格式化
热门推荐
carl_jiang的专栏
08-24 1万+
span th:text="${#dates.format(user.date, ‘yyyy-MM-dd‘)}">4564546span> 或者span th:text="${#dates.format(billingForm.startTime,‘yyyy-MM-dd HH:mm:ss‘)}">4564546span> 2.在当前的项目中还有这样一种情况，就是无法直接把需要thy
Thymeleaf 表达式工具类（#strings #dates #numbers #bools）
白洞，白色的明天在等着我们
08-24 2214
Thymeleaf 提供了丰富的表达式工具类，例如#strings、#dates、#numbers、#bools，感兴趣就点进来学习下吧(*^▽^*)~
为解决Thymeleaf数字格式化问题而想到的几种方案
asdfgh0077的博客
02-16 499
为解决Thymeleaf数字格式化问题而想到的几种方案
Thymeleaf #numbers 显示千分位金额，保留小数位
t518vs20s的博客
08-23 1万+
#numbers.formatDecimal(numbwe,整数位,整数位千分位标识符,小数位,小数位表示符) ${#numbers.formatDecimal(num,1,'COMMA',2,'POINT')} 显示：99,999,999.99 1：表示整数位至少一位，不足以0补齐，如：num = 0.00， ${#numbers.formatDecimal(num,0,'COMMA',...
Thymeleaf模板表达式
qq_38886614的博客
06-23 352
Thymeleaf模板表达式 日期格式、组件提取等. ${#dates.format(date)} ${#dates.arrayFormat(datesArray)} ${#dates.listFormat(datesList)} ${#dates.setFormat(datesSet)} ${#dates.format(date, 'dd/MMM/yyyy HH:mm')} ${#dates.arrayFormat(datesArray, 'dd/MMM/yyyy HH:mm')} ${#dates
thymleaf 给数字设置千分位
qq_29602271的博客
11-08 600
thymleaf 给数字设置千分位eg：借鉴 eg： <span th:text="${#numbers.formatDecimal((temporaryBill.theoryPayPrice),1,'COMMA',2,'POINT')}">3000</span> 借鉴 借鉴出处
Thymeleaf特点（2）- 数据类型
田超杰的博客
07-29 435
Thymeleaf支持的数据类型有字符串、小数及整数、布尔值、空值以及文字标记。需要注意的是，字符串型的数据必须用单引号引起。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值