thymleaf th:text 和 th:utext 之间的区别

最新推荐文章于 2023-03-03 13:57:27 发布

weixin_34040079

最新推荐文章于 2023-03-03 13:57:27 发布

阅读量236

点赞数

文章标签： javascript ViewUI

本文详细介绍了THymeleaf模板引擎中的text和utext属性的使用方法及区别，通过示例展示了如何在HTML中正确显示变量内容，避免HTML标签被解析。同时提供了具体的项目案例，帮助读者更好地理解并应用这些属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 th:text属性
可对表达式或变量求值，并将结果显示在其被包含的 html 标签体内替换原有html文本
文本连接：用“+”符号，若是变量表达式也可以用“|”符号

e.g.
若home.welcome=Welcome to our <b>fantastic</b> grocery store!
用<p th:text="#{home.welcome}"></p>解析结果为：

<p>Welcome to our <b>fantastic</b> grocery store!</p>


2 th:utext属性

解决方案
<p th:utext="#{home.welcome}"></p>即可。

   Welcome to our fantastic grocery store!


等效于html :<p>Welcome to our <b>fantastic</b> grocery store!</p>



3.项目实例
sysConfig.link= <a href="http://autobid.test.tianxiapai.com/pub/currentAuc.html" target="_Blank">\u5B89\u5FC3\u5E2E\u5356\u5927\u5C4F\u5E55</a>


@Controller
public class AccountController {
	
	@Resource
	SysConfig sysConfig;
	
	@RequestMapping("/login")
	public String login(Model model) {
		String logo = "";
		String link = "";
		if(sysConfig.getProjectName()!=null && !("").equals(sysConfig.getProjectName())){
			logo = sysConfig.getProjectName();
			link = sysConfig.getLink();
		}
		model.addAttribute("logo",logo);
		model.addAttribute("link", link);//链接
		return "login";
	}
}

实际效果：

使用 th:text 标签

<div th:if="${param.error}">用户名或密码错误。</div>
            <div th:if="${param.logout}">您已登出。</div>
            <span th:text="*{link}"></span>

效果：