Thymeleaf 语法详解

目录

 

一.变量输出与字符串操作

1.1 th:text

1.2 th:value

二.对字符串的处理

三.日期格式化处理

四.条件判断

4.1 th:if

4.2 th:switch

五.迭代遍历

5.1 th:each

5.2 th:each 状态变量

5.3 th:each 迭代 Map

六.域对象操作

6.1 HttpServletRequest

6.2 HttpSession

6.3 ServletContext

七.URL相关

7.1 URL表达式语法

7.2 URL类型

7.3 在 url 中实现参数传递

7.4 在 url 中通过 restful 风格进行参数传递

---

一.变量输出与字符串操作

1.1 th:text

在页面中输出值
<span th:text="Hello"></span>
<span th:text="${msg}"></span>

1.2 th:value

可以将一个值放入到 input 标签的 value 中
<input type="text" name="username" th:value="${msg}" />

二.对字符串的处理

Thymeleaf 内置对象
注意语法：

• 调用内置对象一定要用#
• 大部分的内置对象都以 s 结尾 strings、numbers、dates

判断字符串是否为空，如果为空返回 true，否则返回 false
${#strings.isEmpty(key)}

判断字符串是否包含指定的子串，如果包含返回 true，否则返回 false
${#strings.contains(msg,'T')}

判断当前字符串是否以子串开头，如果是返回 true，否则返回 false
${#strings.startsWith(msg,'a')}

判断当前字符串是否以子串结尾，如果是返回 true，否则返回 false
${#strings.endsWith(msg,'a')}

返回字符串的长度
${#strings.length(msg)}

查找子串的位置，并返回该子串的下标，如果没找到则返回-1
${#strings.indexOf(msg,'h')}

截取子串，用户与 jdk String 类下 SubString 方法相同
${#strings.substring(msg,13)}
${#strings.substring(msg,13,15)}

字符串转大小写
${#strings.toUpperCase(msg)}
${#strings.toLowerCase(msg)}

三.日期格式化处理

格式化日期，默认的以浏览器默认语言为格式化标准
${#dates.format(key)}

按照自定义的格式做日期转换
${#dates.format(key,'yyy/MM/dd')}

year：取年
Month：取月
Day：取日
${#dates.year(key)}
${#dates.month(key)}
${#dates.day(key)}

四.条件判断

4.1 th:if

<span th:if="${sex} == '男'">
性别：男
</span>
<span th:if="${sex} == '女'">
性别：女
</span>

4.2 th:switch

<div th:switch="${id}">
    <span th:case="1">ID 为 1</span>
    <span th:case="2">ID 为 2</span>
    <span th:case="3">ID 为 3</span>
</div>

五.迭代遍历

5.1 th:each

设置返回数据

@RequestMapping("/show3")
public String showInfo3(Model model){
    List<Users> list = new ArrayList<>();
    list.add(new Users(1,"张三",20));
    list.add(new Users(2,"李四",22));
    list.add(new Users(3,"王五",24));
    model.addAttribute("list", list);
    return "index3";
}

页面填充 

<table border="1">
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Age</th>
    </tr>
    <tr th:each="u : ${list}">
        <td th:text="${u.userid}"></td>
        <td th:text="${u.username}"></td>
        <td th:text="${u.userage}"></td>
    </tr>
</table>

5.2 th:each 状态变量

返回数据同上

页面填充：

<!-- 
    状态变量属性
    1,index:当前迭代器的索引 从 0 开始
    2,count:当前迭代对象的计数 从 1 开始
    3,size:被迭代对象的长度
    4,even/odd:布尔值，当前循环是否是偶数/奇数 从 0 开始
    5,first:布尔值，当前循环的是否是第一条，如果是返回 true 否则返回 false
    6,last:布尔值，当前循环的是否是最后一条，如果是则返回 true 否则返回 false
-->
<table border="1">
	<tr>
		<th>ID</th>
		<th>Name</th>
		<th>Age</th>
		<th>Index</th>
		<th>Count</th>
		<th>Size</th>
		<th>Even</th>
		<th>Odd</th>
		<th>First</th>
		<th>lase</th>
	</tr>
	<tr th:each="u,var : ${list}">
		<td th:text="${u.userid}"></td>
		<td th:text="${u.username}"></td>
		<td th:text="${u.userage}"></td>
		<td th:text="${var.index}"></td>
		<td th:text="${var.count}"></td>
		<td th:text="${var.size}"></td>
		<td th:text="${var.even}"></td>
		<td th:text="${var.odd}"></td>
		<td th:text="${var.first}"></td>
		<td th:text="${var.last}"></td>
	</tr>
</table>

5.3 th:each 迭代 Map

设置返回数据

@RequestMapping("/show4")
public String showInfo4(Model model){
    Map<String, Users> map = new HashMap<>();
    map.put("u1", new Users(1,"张三",20));
    map.put("u2", new Users(2,"李四",22));
    map.put("u3", new Users(3,"王五",24));
    model.addAttribute("map", map);
    return "index4";
}

页面显示 

<table border="1">
	<tr>
		<th>ID</th>
		<th>Name</th>
		<th>Age</th>
	</tr>
	<tr th:each="maps : ${map}">
		<td th:each="entry:${maps}" th:text="${entry.value.userid}" ></td>
		<td th:each="entry:${maps}" th:text="${entry.value.username}"></td>
		<td th:each="entry:${maps}" th:text="${entry.value.userage}"></td>
	</tr>
</table>

六.域对象操作

6.1 HttpServletRequest

request.setAttribute("req", "HttpServletRequest");

Request:<span th:text="${#httpServletRequest.getAttribute('req')}"></span><br/>

6.2 HttpSession

request.getSession().setAttribute("sess", "HttpSession");

Session:<span th:text="${session.sess}"></span><br/>

6.3 ServletContext

request.getSession().getServletContext().setAttribute("app","Application");

Application:<span th:text="${application.app}"></span>

七.URL相关

7.1 URL表达式语法

基本语法：@{}

7.2 URL类型

绝对路径
<a th:href="@{http://www.baidu.com}">绝对路径</a><br/>

相对路径

相对于当前项目的根
<a th:href="@{/show}">相对路径</a>

相对于服务器路径的根
<a th:href="@{~/project2/resourcename}">相对于服务器的根</a

7.3 在 url 中实现参数传递

<a th:href="@{/show(id=1,name=zhagnsan)}">相对路径-传参</a>

7.4 在 url 中通过 restful 风格进行参数传递

<a th:href="@{/path/{id}/show(id=1,name=zhagnsan)}"> 相 对 路 径 - 传 参-restful</a>