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

简介: 1 th:text属性可对表达式或变量求值,并将结果显示在其被包含的 html 标签体内替换原有html文本文本连接:用“+”符号,若是变量表达式也可以用“|”符号e.g.若home.welcome=Welcome to our fantastic grocery store!用解析结果为: Welcome to our fantastic grocery store! 2 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>

效果:

 

相关文章
获取两个list中相互不包含的部分
获取两个list中相互不包含的部分
162 0
|
4月前
|
前端开发 JavaScript
html中id和class的相同和不同之处及用法的规范与区别
在HTML中,`id`和`class`都用于标识和选择元素,但存在一些关键差异。
|
4月前
|
前端开发
为什么最好把 CSS 的 link 标签放在 head 标签之间?
为什么最好把 CSS 的 link 标签放在 head 标签之间?
|
5月前
|
存储 Python
set() 和 freezeset() 之间有什么区别?
【8月更文挑战第29天】
44 6
|
8月前
如何实现数组和 List 之间的转换?
如何实现数组和 List 之间的转换?
|
7月前
|
搜索推荐
title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别?
title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别?
|
6月前
|
前端开发
css display position float 之间的关系
css display position float 之间的关系
34 0
|
7月前
|
索引
foreach、for in和for of之间区别?
foreach、for in和for of之间区别?
299 0
|
8月前
|
JavaScript 前端开发 索引
foreach、for in 和for of之间的区别
foreach、for in 和for of之间的区别
62 6
|
8月前
|
缓存 前端开发 JavaScript
CSS 的 link 标签放在 head 标签之间的作用
CSS 的 link 标签放在 head 标签之间的作用
99 1