Thymeleaf 使用后台自定义工具类处理文本

最新推荐文章于 2024-09-04 00:24:31 发布

fengyehongWorld

最新推荐文章于 2024-09-04 00:24:31 发布

阅读量620

点赞数

分类专栏： # Thymeleaf 文章标签： java spring

本文链接：https://blog.csdn.net/feyehong/article/details/125580858

版权

Thymeleaf 专栏收录该内容

22 篇文章

订阅专栏

⏹1.自定义工具类

package com.example.jmw.utils;

import org.springframework.stereotype.Component;
import org.thymeleaf.util.NumberPointType;
import org.thymeleaf.util.NumberUtils;
import org.thymeleaf.util.StringUtils;

/*
	给自定义工具类取一个放入Spring容器中的别名;
	如果不取的话,默认为类名小写htmlUtil 
*/ 
@Component("htmlHandleUtil")
public class HtmlUtil {

	/**
	 * 数字添加逗号分隔符
	 * 
	 * @param num 数值
	 * @return 添加逗号之后的数字
	 */
	public static String formatNumber(Number num) {
		return NumberUtils.format(num, 1, NumberPointType.COMMA, java.util.Locale.JAPAN);
	}

	/**
	 * 将换行符转换为 <br />标签
	 * 
	 * @param content 转换前
	 * @return 转换后
	 */
	public static String replaceLinebreak(String content) {
		return StringUtils.replace(StringUtils.escapeXml(content), System.getProperty("line.separator"), "<br />");
	}
}

⏹2.后台向前台返回的数据

ZTestEntity zTestEntity = new ZTestEntity();
// 数字未添加千位分隔符
zTestEntity.setId("100000");
// 文本中含有换行符
zTestEntity.setAddress("宇宙 \r\n 银行系 \r\n 地球 \r\n 中国");

@GetMapping("/init")
public ModelAndView init() {
    
    ZTestEntity entity = service.init();
    ModelAndView modelAndView = new ModelAndView();
    modelAndView.setViewName("test");
    // 后台的数据传给前台
    modelAndView.addObject("entity", entity);
    return  modelAndView;
}

⏹3.前台使用后台自定义的工具类处理

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div th:object="${entity}">
    	<!--
    		其中htmlHandleUtil为后台工具类的bean名称
    	-->
        <div>[[*{@htmlHandleUtil.formatNumber(id)}]]</div>
        <hr>
        <!--未使用工具类处理携带换行符的文本-->
        <div>[[*{address}]]</div>
        <hr>
        <!--
        	使用th:utext确保后台的html换行<br>标签不被解析为纯文本
		-->
        <div th:utext="*{@htmlHandleUtil.replaceLinebreak(address)}"></div>
    </div>
</body>
</html>

🥳4.效果

在这里插入图片描述