博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
(六)Thymeleaf的 th:* 属性之—— th: ->text& utext& href
阅读量:5840 次
发布时间:2019-06-18

本文共 2541 字,大约阅读时间需要 8 分钟。

th:*使用原因:

  • for the sake of simplicity and compactness of the code samples(简化代码)
  • the th:*notation is more general and allowed in every Thymeleaf template mode (XMLTEXT…)(th:*在多个模板模式里更为通用且允许)
常用th标签都有那些?关键字      功能介绍        案例th:id      替换id          th:text     文本替换        

description

th:utext 支持html的文本替换

conten

th:object 替换对象     
th:value 属性赋值     
th:with 变量赋值运算     
th:style 设置样式         th:style="'display:' + @{(${sitrue} ? 'none' : 'inline-block')} + ''"th:onclick 点击事件       th:οnclick="'getCollect()'"th:each 属性赋值         tr th:each="user,userStat:${users}">th:if 判断条件         
th:unless 和th:if判断相反     
Loginth:href 链接地址           
Login />th:switch 多路选择 配合th:case 使用
th:case th:switch的一个分支     

User is an administrator

th:fragment 布局标签,定义一个代码片段,方便其它地方引用
th:include 布局标签,替换内容到引入的文件 />th:replace 布局标签,替换整个标签到引入的文件
th:selected selected选择框 选中 th:selected="(${xxx.id} == ${configObj.dd})"th:src 图片类地址引入       
App Logoth:inline 定义js脚本可以使用变量

3.1 th:text

可对表达式或变量求值,并将结果显示在其被包含的 html 标签体内替换原有html文本。
文本链接: 用 "+" 符号,若是变量表达式也可以用“|”符号
eg.

Welcome to our grocery store!

equals.(局限:只能在html5中使用)

Welcome to our grocery store!

  • The th:text attribute, which evaluates its value expression and sets the result as the body of the host tag, effectively replacing the “Welcome to our grocery store!” text we see in the code.(th:text属性,他声明设置表达式的值,并使表达式返回的值来填充标签内容,替换或设置标签内部的内容,当前例子中即替换“欢迎光临本店”这些字。)
  • The #{home.welcome} expression, specified in the Standard Expression Syntax, instructing that the text to be used by the th:text attribute should be the message with the home.welcome key corresponding to whichever locale we are processing the template with.(#{home.welcome}表达式,一个标准的表达式语法,指出在模板中,th:text属性所对应Message的key,即使用home.welcome对应的value替换现有内容。)

3.2 th:utext(非转义文本:unes​​caped text)

e.g.(想要输出转义字符效果)
home.welcome=Welcome to our fantastic grocery store!
执行此模板,默认使用<p th:text="#{home.welcome}"></p>来解析,结果为:

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

解决方案:(
This is the default behaviour of the th:text attribute. If we want Thymeleaf to respect our HTML tags and not escape them, we will have to use a different attribute: th:utext (for “unescaped text”):
使用<p th:utext="#{home.welcome}"></p>即可。

Welcome to our grocery store!

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

3.3 th:href

@{xxx} :链接url的表达式

 

转载地址:http://tyjcx.baihongyu.com/

你可能感兴趣的文章
MapXtreme 2005 学习心得 了解新建MapXtreme项目结构(二)
查看>>
ElasticSearch的查询相关操作---使用es的api和结果遍历
查看>>
解决error:2014 Commands out of sync; you can't ru...
查看>>
glibc的安装编译 --完整处理问题版
查看>>
win7:基于nginx tomcat redis分布式web应用的session共享配置实验
查看>>
基于PHP构建OAuth 2.0 认证平台
查看>>
How to: Use SpinLock for Low-Level Synchronization
查看>>
几个java面试题
查看>>
아프리카 BJ 박현서,
查看>>
根据wsdl文件创建spring ws客户端
查看>>
潜语义分析(Latent Semantic Analysis)
查看>>
Java nio 服务器端读取客户端的输入请求
查看>>
网页页面自动刷新的3种代码
查看>>
java集合操作-----求两个集合的交集和并集
查看>>
Schama —— Xml文档约束技术 学习笔记
查看>>
[Apache Spark API][GroupByKey Vs ReduceByKey]
查看>>
网络复习之数据链路层
查看>>
【设计模式】——抽象工厂Abstract Factory
查看>>
Spring 源码学习之巧用 内存缓存
查看>>
网站建设PHP趣味开发一
查看>>