首页 > 代码库 > thymleaf th:text 和 th:utext 之间的区别

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

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>

效果:

技术分享

 

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