thymeleaf的简介与标签的使用语法
一、thymeleaf简介
Thymeleaf是一个流行的模板引擎,该模板引擎采用Java语言开发,模板引擎是一个技术名词,是跨领域跨平台的概念,在Java语言体系下有模板引擎,在C#、PHP语言体系下也有模板引擎。除了thymeleaf之外还有Velocity、FreeMarker等模板引擎,功能类似。
Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式,因此也可以用作静态建模。你可以使用它创建经过验证的XML与HTML模板。使用thymeleaf创建的html模板可以在浏览器里面直接打开(展示静态数据),这有利于前后端分离。
注:以上简介来自
二、标签的使用
变量输出
- th:text
功能:在页面输出值
语法:<span th:text="${msg}"></span>
- th:value
功能:可以将一个值放进input等标签的value中
语法:<input th:value="${msg}"/>
Thymeleaf内置对象
调用内置对象一定要用#号,大部分的内置对象都以s结尾,如strings、numbers、dates
字符串操作
- ${#strings.isEmpty(key)}
功能:判断字符串是否为空,如果为空返回true,否则返回false
- ${#strings.startsWith(msg,‘a’)}
功能:判断当前字符串是否以子串开头,如果是返回 true,否则返回 false
- ${#strings.endsWith(msg,‘a’)}
功能:判断当前字符串是否以子串结尾,如果是返回 true,否则返回 false
- ${#strings.length(msg)}
功能:返回字符串的长度
- ${#strings.indexOf(msg,‘h’)}
功能:查找子串的位置,并返回该子串的下标,如果没找到则返回-1
-
${#strings.substring(msg,3)}
-
${#strings.substring(msg,1,5)}
功能:截取子串,用法与 jdk String 类下 SubString 方法相同
- ${#strings.toUpperCase(msg)}
- ${#strings.toLowerCase(msg)}
功能:字符串转大小写。
日期格式化处理
- ${#dates.format(key)}
格式化日期,默认的以浏览器默认语言为格式化标准
- ${#dates.format(key,‘yyy/MM/dd’)}
按照自定义的格式做日期转换
获取年、月、日
- ${#dates.year(key)}
- ${#dates.month(key)}
- ${#dates.day(key)}
year:取年
Month:取月
Day:取日
条件判断
- th:if
<span th:if="${sex} == '男'">
性别:男
</span>
<span th:if="${sex} == '女'">
性别:女
</span>
- 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>
<span th:case="*">其它</span>
</div>
迭代遍历
- th:each 迭代list
<table>
<tr th:each="item : ${list}">
<td th:text="${item}"></td>
</tr>
</table>
- th:each 迭代map
<table border="1">
<tr th:each="item : ${map}">
<td th:text="${item.key}"></td>
<td th:text="${item.value}"></td>
</tr>
</table>
域对象操作
- HttpServletRequest】
Request:<span
th:text="${#httpServletRequest.getAttribute('req')}"></span><br/>
- HttpSession
Session:<span th:text="${session.sess}"></span><br/>
- ServletContext
Application:<span th:text="${application.app}"></span>
URL表达式
- 标签:th:href和th:src
- 基本语法:@{}
URL类型 - 绝对路径
<a th:href="@{http://www.baidu.com}">绝对路径</a>
- 相对路径:
- 相对于项目的上下文:
<a th:href="@{/show}">相对路径</a>
- 相对于服务器路径的根:
<a th:href="@{~/project2/resourcename}">相对于服务器的根</a>
- 在 url 中实现参数传递
- 相对于项目的上下文:
<a th:href="@{/show(id=1,name=zhagnsan)}">相对路径传参</a>
- 在 url 中通过 restful 风格进行参数传递
<a th:href="@{/path/{id}/show(id=1,name=zhagnsan)}"> 相对路径传参-restful</a>
- 参数传递
<a th:href="@{/show(id=${id})}">show</a>