Spring Boot Tymeleaf常用标签写法
一、链接形式
1、引入文件
link
<link th:href="@{/css/index.css}" rel="stylesheet" >
引入css
a标签
<a th:href="@{/content/{id}(id=${user.id})}"
此处为带参路径,其中content为固定路径,id为参数,user.id为对参数取值并赋给路径拼接参数id
img的src
<img th:src="@{/images/paper_blank.png}">
二、普通取值
th:text
<span th:text="${userName}"></span>
userName为存入的参数名
<span th:text="${user.userName}"></span>
user为存入的对象,userName为user的属性
th:utext 原样输出
此处区别一下th:text和th:utext 由两短代码输出结果说明
th:text="${op.opType}+'、'+${op.opContent}+'<br>'"
网页显示结果为 A、72<br>B、99<br>
而
th:text="${op.opType}+'、'+${op.opContent}+'<br>'"
网页显示结果为
A、72
B、99
很明显的
换行符此时生效了
三、循环
ul li
<ul th:each="user,v:${users}">
<li th:text="${user.userName}">
<li th:text="${v.index}">
</ul>
users为list集合 循环取出对象为user
v是计数对象
此处 v.index 下标 (如第一个为0)
v.count 计数(如第一个为1)
table tr td
<table>
<tr th:each="user,v:${users}">
<td th:text="${user.userName}"></td>
<td th:text="${v.index}"></td>
</tr>
</table>
循环嵌套
<ul th:each={users,v:${userslist}>
<ul th:each={user,u:${users}>
<li th:text="${user.userName}"></li>
</ul>
</ul>