th:标签使⽤
th:action 定义后台控制器路径,类似<form>标签的action属性。
<form id="login-form" th:action="@{/login}">...</form>
th:each          对象遍历,功能类似jstl中的<c:forEach>标签。
<form id="login-form" th:action="@{/addStudent}"  th:object="${stuReqBean}" method="POST">
<div class="student" th:each="stuIter,rowStat:${stuReqBean.students}">
<input type="text" class="firstName" value="" th:field="*{students[__${rowStat.index}__].firstName}"/>
...
</div></form>
上⾯的例⼦中通过选择表达式*{}既能将表单绑定到后台的StudentRequestBean中的集合属性students,也能将Servlet上下⽂中的StudentRequestBean中的List类型的students变量回显,回显时通过th:each进⾏遍历。
注意1:绑定集合属性元素下标的⽤法*{students[__${rowStat.index}__].firstName}
注意2:如果List<Student> students为null,页⾯将⽆法显⽰表单,后台必须给students初始化⼀个值
注意3:stuIter代表students的迭代器href标签怎么用
th:field          常⽤于表单字段绑定。通常与th:object⼀起使⽤。属性绑定、集合绑定。
<form id="login-form" th:action="@{/login}" th:object="${loginBean}">...
<input type="text" value="" th:field="*{username}"></input>
<input type="text" value="" th:field="*{user[0].username}"></input>
</form>
th:href          定义超链接,类似<a>标签的href 属性。value形式为@{/logout}
<a th:href="@{/logout}" class="signOut"></a>
th:id              div id声明,类似html标签中的id属性。
<div class="student" th:id = "stu+(${rowStat.index}+1)"></div>
th:if        条件判断。
<div th:if="${rowStat.index} == 0">... do something ...</div>
th:fragment  我们可以使⽤th:fragment属性来定义⼀个模板,声明定义该属性的div为模板⽚段,常⽤与头⽂件、页尾⽂件的引⼊。常与th:include,th:replace⼀起使⽤。例如:声明模板⽚段/WEBINF/templates/footer. html
<div th: fragment=" copy" >
© 2011 The Good Thymes Virtual Grocery
</div>
引⼊模板⽚段
<div th: include=" /templates/footer : : copy" ></div>
<div th: replace=" /templates/footer : : copy" ></div>
th:include      加载模板的内容
见上
th:replace      替换当前标签为模板的中标签
见上
th:object ⽤于表单数据对象绑定,将表单绑定到后台controller的⼀个JavaBean参数。常与th:field⼀起使⽤进⾏表单数据绑定
<form id="login-form" th:action="@{/login}" th:object="${loginBean}">...</form>
th:src            ⽤于外部资源引⼊,类似于<script>标签的src属性,常与@{}⼀起使⽤。
<script th:src="@{/resources/js/jquery/jquery.json-2.4.min.js}"
th:value  ⽤于标签复制,类似<option>标签的value属性。
<option th:value="Adult">Adult</option>
<input  id="msg" type="hidden" th:value="${msg}" />
th:remove 删除代码
all 删除当前标签和其内容和⼦标签
body 不删除当前标签,但是删除其内容和⼦标签
tag 删除当前标签,但不删除⼦标签
all-but-first 删除除第⼀个⼦标签外的其他⼦标签
none 啥也不⼲
<a href="/something" th:remove="${condition}? tag : none">Link text not to be removed</a>
<table> <tr th:remove="all"> <td>Mild Cinnamon</td> </tr> </table>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。