背景:

spring后端输出double类型数据,前端使用thymeleaf框架,格式化double数据类型,由于需要显示原值(比如原来录入5,而不能显示5.00),因此需要存储数值(存储值为decimal类型,其中2位小数)小数点后面进行去零处理,而不能采用thymeleaf本身的格式化方式。

思路:

1.尝试thymeleaf本身自带函数解决,未果(thymeleaf本身方法处理无法去除小数点后面的0,只能显示固定的小数点位数)。

2.采用JS解决,感觉有些麻烦,而且与thymeleaf结合也较困难,作罢。

3.由于Java端比较擅长处理数值格式化问题,而thymeleaf也正巧在服务端完成解析标签工作,那么能否让thymeleaf框架调用Java方法呢?理论上是可行的,经过不断实践,终于实验成功。

4.扩展thymeleaf标签

经过对比发现,方法3实现较简单,具体做法如下:

实现方法:

方法1:thymeleaf框架调用Java静态方法:

编写一个Java类,里面写一个静态方法,用于处理double类型数据格式化,返回字符串。详细代码如下:

package com.hw.ibweb.util;

import org.apache.http.util.TextUtils;

import java.math.BigDecimal;
import java.text.DecimalFormat; /**
* Created by clyan on 2019/10/23 10:08.
*/
public class FormatUtil { /**
* double小数点格式化
* @param value
* @return
*/
public static String valueFormat(double value) {
DecimalFormat df = new DecimalFormat("#####.##");
String xs = df.format(new BigDecimal(value));
return xs;
}
}

然后,在相关html中,采用如下写法:

 <input type="text" class="form-control" width="250px" maxlength="6"
placeholder="最长6位数字"
name="code" th:attr="id=${item.dcitCode}"
th:value="${T(com.hw.ibweb.util.FormatUtil).valueFormat(item.money)}"
aria-label="Text input with checkbox"/>

即,采用thymeleaf框架的${T(fullclasspath).function()}接口解决,结果如下:

至此,thymeleaf框架调用Java静态方法的思路已经实现,那么thymeleaf框架能否调用Java实例方法呢?经过实践发现,也是没问题的。

方法二:thymeleaf调用Java实例方法:

实例方法:

package com.hw.ibweb.util;

import org.springframework.context.annotation.Bean;
import org.springframework.stereotype.Component; import java.math.BigDecimal;
import java.text.DecimalFormat; /**
* Created by clyan on 2019/10/10 11:57.
*/ public class bbb { public String valueFormat(double value) {
DecimalFormat df = new DecimalFormat("#####.##");
String xs = df.format(new BigDecimal(value));
return xs;
}
}

在html页面中,调用该方法写法如下:

 <input type="text" class="form-control" width="250px" maxlength="6"
placeholder="最长6位数字"
name="code" th:attr="id=${item.dcitCode}"
th:value="${new com.hw.ibweb.util.bbb().valueFormat(item.money)}"
aria-label="Text input with checkbox"/>

最终能效果也如预期:

至此,完整解决double数值格式化问题。

为解决Thymeleaf数字格式化问题而想到的几种方案的更多相关文章

  1. js 实现数字格式化(货币格式)几种方法

    // 方法一 function toThousands(num) { var result = [ ], counter = 0; num = (num || 0).toString().split( ...

  2. 解决 Vue 项目 invalid host header 问题(两种方案)

    问题出现背景 做微信H5网页时,使用花生壳内网穿透进行调试时,打开网页显示:invalid host header 分析问题 这句话的意思是:无效的Host请求头: 因为在vue在调试时相当于启动了一 ...

  3. 使用 .toLocaleString() 轻松实现多国语言价格数字格式化

    用代码对数字进行格式化,显然不是逢三位加逗号这么简单.比如印度在数字分位符号上的处理,就堪称业界奇葩: 印度的数字读法用“拉克”(十万)和“克若尔”(千万),数字标法用不对称的数位分离,即小数点左侧首 ...

  4. Java学习笔记 06 数字格式化及数学运算

    一.数字格式化 DecimalFormat类 >>DecimalFormat是NumberFormat的子类,用于格式化十进制数,可以将一些数字格式化为整数.浮点数.百分数等.通过使用该类 ...

  5. spring mvc4的日期/数字格式化、枚举转换

    日期.数字格式化显示,是web开发中的常见需求,spring mvc采用XXXFormatter来处理,先看一个最基本的单元测试: package com.cnblogs.yjmyzz.test; i ...

  6. 数字格式化函数:Highcharts.numberFormat()

    (转)数字格式化函数:Highcharts.numberFormat() 一.函数说明 该函数用于图表中数值的格式化,常见用途有数值精度控制.小数点符.千位符显示控制等.   二.函数使用   1.函 ...

  7. php实现数字格式化,数字每三位加逗号的功能函数

    原地址:http://www.jb51.net/article/73781.htm php实现数字格式化,数字每三位加逗号的功能函数,具体代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 ...

  8. (转)数字格式化函数:Highcharts.numberFormat()

    一.函数说明 该函数用于图表中数值的格式化,常见用途有数值精度控制.小数点符.千位符显示控制等.   二.函数使用   1.函数构造及参数 Highcharts.numberFormat (Numbe ...

  9. PHP数字格式化,每三位逗号分隔数字,可以保留小数

    在报价的时候为了给浏览者更清晰明确的数字,所以需要用到数字格式化,有两种方法,一种自己写函数,另一种当然是系统自带的,其实我更喜欢系统自带的. 先来系统简单的: string number_forma ...

随机推荐

  1. SecureCRT 连接 Centos7.0 (桥接模式),且能连接公网。

    1.查看本地网络信息 ip:172.20.10.7 2.在VMware下配置Centos为桥接模式: 3.在Centos命令行输入 ip addr 查看Centos的mac地址 网口:eno16777 ...

  2. 韦东山嵌入式Linux学习笔记05--存储管理器

    SDRAM: 原理图如下:          jz2440 v3开发板上面用的内存芯片为钰创科技公司生产的EM63A165TS,一片内存大小为32MB大小,一共有两块,共64MB的大小. SDRAM接 ...

  3. 简单了解TCP/IP与HTTP

    这种东西网上资源非常丰富,完全没有必要造轮子,更何况 这也不是你能造的啊,来 上连接 TCP/IP https://www.runoob.com/tcpip/tcpip-intro.html HTTP ...

  4. 代码报错--------EOFError: Compressed file ended before the end-of-stream marker was reached

    背景:运行LeNet识别CIFAR-10的图像的代码时,报错: EOFError: Compressed file ended before the end-of-stream marker was ...

  5. Hbase性能优化

    HBase性能优化方法总结 1. 表的设计 1.1 Pre-Creating Regions 默认情况下,在创建HBase表的时候会自动创建一个region分区,当导入数据的时候,所有的HBase客户 ...

  6. 有关List、Set、Map的基础了解

           刚申请了一个博客,怀着一颗激动的心情我竟不知道写点啥,嗯~来点基础的吧!面试的时候一直被问到的集合框架.        集合,也称为容器,可以将一系列元素组合成一个单元,用于存储.提取. ...

  7. 字符串格式化-String类format方法

    常规类型的格式化 String类的format()方法用于创建格式化的字符串以及连接多个字符串对象. format()方法有两种重载形式. 显示不同转换符实现不同数据类型到字符串的转换,如图所示: 测 ...

  8. vue的组件创建和使用

    首先说一下vue组件 什么是组件? 在我的理解,vue的所有页面内容都是组件. 什么是父子组件? 因为所有的页面内容都是组件,那么怎么区分父子组件呢?其实很简单,现在有一个页面,在js里面的 comp ...

  9. async异步改同步后怎么监听错误

    当我们使用readFile()这种api,它第一个参数是报的错误,当使用async.await把它改写成同步,我们可以使用try  { }catch{ }解决.

  10. tp5商城

    记录几个要点: 用户使用firbug伪造表单字段,比如伪造表单id字段,如何防止,tp5中好像没有. xss攻击:使用htmlspecialchars() 会把img.p.等等合法标签过滤掉,想要有选 ...