美文网首页
解决Thymeleaf数字格式化问题而想到的几种方案

解决Thymeleaf数字格式化问题而想到的几种方案

作者: 洛神灬殇 | 来源:发表于2022-03-21 19:00 被阅读0次

    背景:

      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.

    */publicclass FormatUtil {

    /**    * double小数点格式化
    
    * @param value
    
    * @return*/publicstaticString valueFormat(double value) {
    
        DecimalFormat df =newDecimalFormat("#####.##");
    
        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()}接口解决,结果如下:

    image

    至此,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.

    */publicclass bbb {

    publicString valueFormat(double value) {
    
        DecimalFormat df =newDecimalFormat("#####.##");
    
        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"/>

    最终能效果也如预期:

    image

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

    相关文章

      网友评论

          本文标题:解决Thymeleaf数字格式化问题而想到的几种方案

          本文链接:https://www.haomeiwen.com/subject/wmmtjrtx.html