Thymeleaf货币转换

概述


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

Maven依赖


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

建立thymeleaf页面和Controller


在resources/templates/下建立页面currencies.htmljava

<!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.javaweb

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浏览器里能够设置。 spring

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

返回的结果是:¥1,000,000.01浏览器

若是把浏览的语言设置为English (United States)app

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

列表或数组


咱们也能够转换一个列表或数组.修改Controller以下:spa

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";
    }
}

修改页面以下:code

<!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>
相关文章
相关标签/搜索