Thymeleaf的内置属性

转载 2015年11月17日 17:52:12


    博客分类: 

Thymeleaf是另一个Java视图模板引擎,使用上和FreeMarker各有千秋,不了解的可以从其他博文里学习一下。我这里主要记录一下它的内置属性。

 本文不是Thymeleaf入门教程,也不是对其标签进行全面讲解只对其属性等价标签进行记录,以为辞典。

 

Thymeleaf提供了一个标签th:attr,可以把多个DOM标签用逗号分隔后写进去:

Html代码  收藏代码
  1. <img src="../../images/gtvglogo.png"  
  2. th:attr="src=@{/images/gtvglogo.png},title=#{logo},alt=#{logo}" />  

 这个例子里给<img>标签设置了三个属性标签:src、title、alt。<img>自带的src会被Thymeleaf处理后扔掉而使用自己的。

 

这个标签不太优雅,不仅写起来紊乱,读起来也凌乱。所以很少用,一般用其他的代替:

 

伦理片 http://www.dotdy.com/

Html代码  收藏代码
  1. <img src="../../images/gtvglogo.png"  
  2. th:src="@{/images/gtvglogo.png}" th:title="#{logo}" th:alt="#{logo}" />  

 作为th:attr的实例用法,Thymeleaf提供了几乎全部标签的Thymeleaf等价标签:

th:abbr th:accept th:accept-charset
th:accesskey th:action th:align
th:alt th:archive th:audio
th:autocomplete th:axis th:background
th:bgcolor th:border th:cellpadding
th:cellspacing th:challenge th:charset
th:cite th:class th:classid
th:codebase th:codetype th:cols
th:colspan th:compact th:content
th:contenteditable th:contextmenu th:data
th:datetime th:dir th:draggable
th:dropzone th:enctype th:for
th:form th:formaction th:formenctype
th:formmethod th:formtarget th:frame
th:frameborder th:headers th:height
th:high th:href th:hreflang
th:hspace th:http-equiv th:icon
th:id th:keytype th:kind
th:label th:lang th:list
th:longdesc th:low th:manifest
th:marginheight th:marginwidth th:max
th:maxlength th:media th:method
th:min th:name th:optimum
th:pattern th:placeholder th:poster
th:preload th:radiogroup th:rel
th:rev th:rows th:rowspan
th:rules th:sandbox th:scheme
th:scope th:scrolling th:size
th:sizes th:span th:spellcheck
th:src th:srclang th:standby
th:start th:step th:style
th:summary th:tabindex th:target
th:title th:type th:usemap
th:value th:valuetype th:vspace
th:width th:wrap th:xmlbase
th:xmllang th:xmlspace  

 比如:

Html代码  收藏代码
  1. <form action="subscribe.html" th:action="@{/subscribe}">  
  2. <a href="product/list.html" th:href="@{/product/list}">Product List</a>  

 这里使用了th:action和th:href标签。

 

Thymeleaf还提供了两个合成标签:

th:alt-title th:lang-xmllang

 用于同时设置两个属性,比如;

Html代码  收藏代码
  1. <img src="../../images/gtvglogo.png"  
  2. th:src="@{/images/gtvglogo.png}" <strong>th:alt-title</strong>="#{logo}" />  

 还有两个CSS标签:

 

 th:classappend  th:styleappend

意思显而易见,用法如下:

Html代码  收藏代码
  1. <tr th:each="prod : ${prods}" class="row" th:classappend="${prodStat.odd}? 'odd'">  

 影音先锋电影 http://www.iskdy.com/

 

对于判断性的标签,比如checked

Html代码  收藏代码
  1. <input type="checkbox" name="option1" checked="checked" />  

 只能使用checked作为其值,即使使用true都不好使。Thymeleaf提供了这些标签的等价标签,值可以是判断语句,不为真会删除该标签:

 

th:async th:autofocus th:autoplay
th:checked th:controls th:declare
th:default th:defer th:disabled
th:formnovalidate th:hidden th:ismap
th:loop th:multiple th:novalidate
th:nowrap th:open th:pubdate
th:readonly th:required th:reversed
th:scoped th:seamless th:selected

比如:

Html代码  收藏代码
  1. <input type="checkbox" name="active" th:checked="${user.active}" />  

 

 

thymeleaf参考手册

thymeleaf参考手册
  • zrk1000
  • zrk1000
  • 2017年05月23日 21:30
  • 14786

Thymeleaf教程 (六) 设置属性值

设置属性值原始表单 我们可以通过th:attr来设置input或者for...
  • mygzs
  • mygzs
  • 2016年09月13日 11:05
  • 4694

设置属性值-Thymeleaf常见用法(三)

设置属性值任何属性使用 th:attrib 设置某属性的值 结果这样: 赋值或者重新设置值重新设置img标签的属性值 ...
  • nowsdt
  • nowsdt
  • 2017年05月05日 13:45
  • 3900

Thymeleaf 详解

(一)Thymeleaf 是个什么?      简单说, Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎,它可以完全替代 JSP 。相较与其他的模板引擎...
  • u013399093
  • u013399093
  • 2016年06月27日 14:34
  • 9331

Thymeleaf的内置属性

博客分类:  Thymeleaf是另一个Java视图模板引擎,使用上和FreeMarker各有千秋,不了解的可以从其他博文里学习一下。我这里主要记录一下它的内置属性。...
  • dotedy
  • dotedy
  • 2015年11月17日 17:52
  • 427

Thymeleaf设置任意属性

Thymeleaf通过th:attr属性,可以设置任意的html属性。
  • skyupward
  • skyupward
  • 2017年02月21日 21:17
  • 1406

maven内置属性详细说明

Maven共有6类属性:1.内置属性(Maven预定义,用户可以直接使用)${basedir}表示项目根目录,即包含pom.xml文件的目录; ${version}表示项目版本; ${projec...
  • bitcarmanlee
  • bitcarmanlee
  • 2017年02月03日 18:09
  • 888

Thymeleaf模板的使用

使用模板的要点:     页面主体结构固定,具体参数可变,尽可能让参数动态化,才能提高模板的复用性 =================================================...
  • pdw2009
  • pdw2009
  • 2015年03月28日 14:08
  • 72853

thymeleaf 学习笔记

thymeleaf,我个人认为是个比较好的模板,性能也比一般的,比如freemaker的要高,而且把将美工和程序员能够结合起来,美工能够在浏览器中查看静态效果,程序员可以在应用服务器查看带数据的效果。...
  • pdw2009
  • pdw2009
  • 2015年03月18日 15:09
  • 5656

Thymeleaf 之 内置对象、定义变量、URL参数及标签自定义属性

本文章来自【知识林】如标题所述,这篇文章主要讲述Thymeleaf中的内置对象(list解析、日期格式化、数字格式化等)、定义变量、获取URL的参数和在页面标签中自定义属性的应用。如果对Thymele...
  • zsl129
  • zsl129
  • 2016年11月02日 13:42
  • 14546
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Thymeleaf的内置属性
举报原因:
原因补充:

(最多只允许输入30个字)