Thymeleaf货币转换

5次阅读

共计 2325 个字符，预计需要花费 6 分钟才能阅读完成。

本文，将介绍如何使用页面组件 Thymeleaf 对货币进行自动转换

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

在 resources/templates/ 下创建页面 currencies.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Currency Format</title>
</head>
<body>
<h3 th:text="${#numbers.formatCurrency(param.amount)}"></h3>
</body>
</html>

创建 CurrencyController.java

package com.deepincoding.currencyformat;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;

@Controller
public class CurrencyController {@GetMapping("/currency")
    public String current(@RequestParam(value = "amount") String amount){return "currency";}
}

我们需要根据浏览器的区域来转换货币。使用 Accept-Language 表示用户的区域. 在 Chrome 浏览器里可以设置。

启动应用后，在浏览器里输入 http://localhost:8080/currency?amount=1000000.01

返回的结果是：¥1,000,000.01

如果把浏览的语言设置为 English (United States)

返回的结果是: $1,000,000.01

我们也可以转换一个列表或数组. 修改 Controller 如下:

package com.deepincoding.currencyformat;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;

import java.util.List;

@Controller
public class CurrencyController {@GetMapping("/currency")
    public String current(@RequestParam(value = "amount") String amount,
                          @RequestParam(value = "amountList") List amountList){return "currency";}
}

修改页面如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Currency Format</title>
</head>
<body>
<h3 th:text="${#numbers.formatCurrency(param.amount)}"></h3>
<h3 th:text="${#numbers.listFormatCurrency(param.amountList)}"></h3>
</body>
</html>

在浏览器里输入:http://localhost:8080/currency?amount=1000000.01&amountList=10&amountList=10000&amountList=100000

返回的结果是：¥1,000,000.01 [¥10.00, ¥10,000.00, ¥100,000.00]

尾数是.00, 可以使用 strings.replace 方法删除:

<h3 th:text="${#strings.replace(#numbers.formatCurrency(param.amount),'.00','')}"> </h3>

根据不同的区域，小数点的格式可能不同。因此，如果我们想用逗号“,”代替小数点“.”，可以使用 Numbers 类提供的 formatDecimal 方法:

<h3 th:text="${#numbers.formatDecimal(param.amountList, 1, 2,'COMMA')}"></h3>
<h3 th:text="${#numbers.listFormatDecimal(param.amountList, 1, 2,'COMMA')}"></h3>

正文完