Springboot Thymeleaf数字对象使用方法

所属分类: 软件编程 / Java编程 阅读数: 141
收藏 0 赞 0 分享

Thymeleaf主要使用 org.thymeleaf.expression.Numbers 类处理数字,在模板中使用 #numbers 对象来处理数字。

开发环境:IntelliJ IDEA 2019.2.2

Spring Boot版本:2.1.8

新建一个名称为demo的Spring Boot项目。

pom.xml加入Thymeleaf依赖:

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

一、整数格式化

有4个方法:

(1)formatInteger(number,digits)

第一个参数为单个数字,如果有小数字点则四舍五入,第二个参数设置最少的整数位数,不足会补0(下同)

(2)arrayFormatInteger(numbers,digits)

传入数组,返回处理后的数组

(3)listFormatInteger(numbers,digits)

传入List,返回处理后的List

(4)setFormatInteger(numbers,digits)

传入Set,返回处理后的Set

这4个方法存在重载方法传入第三个参数,用于标识千位分隔符

  • POINT : 使用“.”
  • COMMA : 使用“,”
  • WHITESPACE : 使用“ ”(空格)
  • NONE : 不使用分隔符
  • DEFAULT : 根据Locale对象来决定

1、src/main/resources/templates/integer.html

formatInteger(number,digits)
<div th:text="${#numbers.formatInteger(10,0)}"></div>
<div th:text="${#numbers.formatInteger(10.6,2)}"></div>
<div th:text="${#numbers.formatInteger(10.6,5)}"></div>
<div th:text="${#numbers.formatInteger(10.50,0)}"></div>
<div th:text="${#numbers.formatInteger(10.51,2)}"></div>
<div th:text="${#numbers.formatInteger(10000000,0,'COMMA')}"></div>
<div th:text="${#numbers.formatInteger(10000000,0,'POINT')}"></div>

arrayFormatInteger(numbers,digits)
<div th:each="num : ${#numbers.arrayFormatInteger(arr,0)}">
 <div th:text="${num}"></div>
</div>
listFormatInteger(numbers,digits)
<div th:each="num : ${#numbers.listFormatInteger(list,2)}">
 <div th:text="${num}"></div>
</div>
setFormatInteger(numbers,digits)
<div th:each="num : ${#numbers.setFormatInteger(set,4)}">
 <div th:text="${num}"></div>
</div>

2、src/main/java/com/example/demo/IntegerController.java

package com.example.demo;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.Arrays;
import java.util.HashSet;
import java.util.List;
import java.util.Set;

@Controller
public class IntegerController {
 @RequestMapping("/integer")
 public String integer(Model model){
  Double[] arr = new Double[]{10D, 10.9};
  List list = Arrays.asList(arr);
  Set set = new HashSet(list);
  model.addAttribute("arr", arr);
  model.addAttribute("list", list);
  model.addAttribute("set", set);
  return "integer";
 }
}

浏览器访问:http://localhost:8080/integer

页面输出:

formatInteger(number,digits)
10
11
00011
10
11
10,000,000
10.000.000
arrayFormatInteger(numbers,digits)
10
11
listFormatInteger(numbers,digits)
10
11
setFormatInteger(numbers,digits)
0010
0011

二、小数格式化

同样有4个方法:

(1)formatDecimal(number,intDig,decDig)

第一个参数为单个数字,第二个参数设置最少的整数位数(不足会补0),第三个参数设置保留小数位数

(2)arrayFormatDecimal(numArray,intDig,decDig)

传入数组,返回处理后的数组

(3)listFormatDecimal(numList,intDig,decDig)

传入List,返回处理后的List

(4)setFormatDecimal(numSet,intDig,decDig)

传入Set,返回处理后的Set

这4个方法都存在两个重载方法,以formatDecimal为例:

(a)formatDecimal(number,intDig,decDig,decPoint)

decPoint表示用什么符号作为小数点,取值为POINT、COMMA、WHITESPACE、NONE和DEFAULT。

(b)formatDecimal(number,intDig,separator,decDig,decPoint)

separator表示用什么符号作为千位分隔符,同样取值为POINT、COMMA、WHITESPACE、NONE和DEFAULT。

1、src/main/resources/templates/decimal.html

<div th:text="${#numbers.formatDecimal(10, 0, 0)}"></div>
<div th:text="${#numbers.formatDecimal(10.6, 0, 2)}"></div>
<div th:text="${#numbers.formatDecimal(10.6, 5, 2)}"></div>
<div th:text="${#numbers.formatDecimal(10000000, 0, 2, 'COMMA')}"></div>
<div th:text="${#numbers.formatDecimal(10000000, 2, 2, 'POINT')}"></div>
<div th:text="${#numbers.formatDecimal(10000000, 2, 'POINT', 2, 'POINT')}"></div>

2、src/main/java/com/example/demo/DecimalController.java

package com.example.demo;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class DecimalController {
 @RequestMapping("/decimal")
 public String decimal(){
  return "decimal";
 }
}

浏览器访问:http://localhost:8080/decimal

页面输出:

10
10.60
00010.60
10000000,00
10000000.00
10.000.000.00

三、百分比格式化

和小数的格式化类似,同样有4个方法,其中处理单个数字用

formatPercent(number,intDig,decDig)

第一个参数为单个数字,第二个参数设置最少的整数位数(不足会补0),第三个参数设置保留小数位数

1、src/main/resources/templates/percent.html

<div th:text="${#numbers.formatPercent(0.123, 0, 2)}"></div>
<div th:text="${#numbers.formatPercent(0.123, 5, 2)}"></div>

2、src/main/java/com/example/demo/PercentController.java

package com.example.demo;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class PercentController {
 @RequestMapping("/percent")
 public String percent(){
  return "percent";
 }
}

浏览器访问:http://localhost:8080/percent

页面输出:

12.30%
00,012.30%

四、sequence方法

sequence方法返回Integer数组。

(1)sequence(from,to)

设置开始值与结束值,如果from比to大,则默认步长为1,否则为-1。

(2)sequence(from,to,step)

设置开始值与结束值,步长。

1、src/main/resources/templates/sequence.html

<div th:each="num : ${#numbers.sequence(0,3)}">
 <div th:text="${num}"></div>
</div>
----------
<div th:each="num : ${#numbers.sequence(5,1)}">
 <div th:text="${num}"></div>
</div>

2、src/main/java/com/example/demo/SequenceController.java

package com.example.demo;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class SequenceController {
 @RequestMapping("/sequence")
 public String sequence(){
  return "sequence";
 }
}

浏览器访问:http://localhost:8080/percent

页面输出:

0
1
2
3
----------
5
4
3
2
1

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Tomcat数据源配置方法_JBuilder中

今天帮一同事配置一个数据源,采用tomcat5.5.9,本来是个很简单的事,以前也配过,但由于很长时间没用过容器提供的数据源了(IOC用惯了),也只记的个大概了,所以刚开始一配就出错了,google了一下,有很多资料,照着试试却都不好使(到不是别人说的不对,只是大家用的版本不同)
收藏 0 赞 0 分享

SWT(JFace)体验之ApplicationWindow

SWT(JFace)体验之ApplicationWindow
收藏 0 赞 0 分享

SWT(JFace) 体验之FontRegistry

测试代码如下:
收藏 0 赞 0 分享

SWT(JFace)体验之打开多个Form

SWT(JFace)体验之打开多个Form的实现代码。
收藏 0 赞 0 分享

SWT(JFace)体验之模拟BorderLayout布局

SWT(JFace)体验之模拟BorderLayout布局代码。
收藏 0 赞 0 分享

SWT(JFace)体验之FillLayout布局

FillLayout是非常简单的一种布局方式,它会以同样大小对父组件中的子组件进行布局,这些子组件将以一行或一列的形式排列。
收藏 0 赞 0 分享

SWT(JFace)体验之RowLayout布局

相对于FillLayout来说,RowLayout比较灵活,功能也比较强。用户可以设置布局中子元素的大小、边距、换行及间距等属性。
收藏 0 赞 0 分享

SWT(JFace)体验之GridLayout布局

GridLayout 布局的功能非常强大,也是笔者常用的一种布局方式。GridLayout是网格式布局,它把父组件分成一个表格,默认情况下每个子组件占据一个单元格的空间,每个子组件按添加到父组件的顺序排列在表格中。
收藏 0 赞 0 分享

SWT(JFace)体验之StackLayout布局

SWT(JFace)体验之StackLayout布局实现代码。
收藏 0 赞 0 分享

SWT(JFace)体验之FormLayout布局

SWT(JFace)体验之FormLayout布局示例代码。
收藏 0 赞 0 分享
查看更多