Thymeleaf语法中th:text与th:utext的区别

1、th:textth:th:utext标签的作用

  • 可以对表达式或变量进行计算求值;
  • 可以使用“+”进行文本拼接;
  • 可以获取后端传过来的request作用域中的数据(包括Model、ModelAndView作用域)。

2、测试

当从后端传过来数据库的时候,如下:

@Controller
public class th_text_Vs_th_utext {

  	@RequestMapping("/toText")
    public String test(Model model){
	    String info = "<span style=\"font-size: 20px;color: red;\">我是info</span>";
	    model.addAttribute("info",info);
        return "text";
    }
}

前端接收页面text.html:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

	<div th:text="'采用的是th:text标签——' + ${info}"></div>
	
	<hr/>
	
	<div th:utext="'采用的是th:utext标签——' + ${info}"></div>

</body>
</html>

在浏览器中放mapping入口toText:
在这里插入图片描述

3、总结

从上述结果我们可以看出,th:text标签是将一切内容都识别为纯文本;而th:utext标签可以识别html文本,并将其生效。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一宿君

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值