高效开发：thymeleaf中th:text和th:utext的区别

Posted 2021-08-27 爱奇志

文章目录

• • • th:text
    • th:utext
    • 小结

th:text

1.可以对表达式或变量进行求值
2.用“+”符号可进行文本连接
3.当获取后端传来的参数时，若后端有标签，如：

@RequestMapping("/")
public String aa(Model model) {
    String msg = "<h1>啦啦啦</h1>";
    model.addAttribute("msg", msg);
    return "index";
}

则用th:text获取传来的参数值时

<p th:text="采用text标签： + ${msg}"></p>

结果为

采用text标签：<h1>啦啦啦</h1>

th:utext

上面的例子，用th:utext

<p th:utext="采用utext标签： + ${msg}"></p>

结果为：

采用utext标签：

啦啦啦

也就是说用utext，会解析html，显示相应的效果

小结

用th:text不会解析html，用th:utext会解析html，在页面中显示相应的样式