Thymeleaf_内置属性

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

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

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

Html代码

1. <imgsrc="../../images/gtvglogo.png"
2. th:attr="src=@{/images/gtvglogo.png},title=#{logo},alt=#{logo}"/>

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

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

Html代码

1. <imgsrc="../../images/gtvglogo.png"
2. th:src="@{/images/gtvglogo.png}"th:title="#{logo}"th:alt="#{logo}"/>

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

比如：

Html代码

1. <formaction="subscribe.html"th:action="@{/subscribe}">
2. <ahref="product/list.html"th:href="@{/product/list}">ProductList</a>

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

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

用于同时设置两个属性，比如；

Html代码

1. <imgsrc="../../images/gtvglogo.png"
2. th:src="@{/images/gtvglogo.png}"<strong>th:alt-title</strong>="#{logo}"/>

还有两个CSS标签：

意思显而易见，用法如下：

Html代码

1. <trth:each="prod:${prods}"class="row"th:classappend="${prodStat.odd}?'odd'">

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

Html代码

1. <inputtype="checkbox"name="option1"checked="checked"/>

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

比如：

Html代码

1. <inputtype="checkbox"name="active"th:checked="${user.active}"/>