Thymeleaf基础语法

• 遍历List集合

<!--
	student:当前循环的对象变量名称
	studentStat：当前循环对象的状态变量
	StudentList：当前循环的集合
-->
<div th:each="student,studentStat:${StudentList}">
    <span th:text="${student.id}"></span>
    <span th:text="${student.name}"></span>
    <span th:text="${student.age}"></span>
    <!--当前循环是第几个-->
    <span th:text="${studentStat.count}"></span>
    <!--当前循环的对象-->
    <span th:text="${studentStat.current}"></span>
    <!--当前循环下标-->
    <span th:text="${studentStat.index}"></span>
    <!--集合的大小-->
    <span th:text="${studentStat.size}"></span>
</div>

• 遍历Map集合

<!--stuMapStat可以不加,不加默认为对象变量名称+Stat-->
<!--<div th:each="stuMap:${studentMap}">-->
<div th:each="stuMap,stuMapStat:${studentMap}">
    <span th:text="${stuMap.key}"></span>
    <span th:text="${stuMap.value}"></span>
    <span th:text="${stuMap.value.id}"></span>
    <span th:text="${stuMap.value.name}"></span>
    <span th:text="${stuMap.value.age}"></span>
</div>

• 遍历数组（与遍历List一样）

• 条件判断

<!--如果sex等于1就显示男-->
<div th:if="${sex eq 1}">男</div>
<div th:if="${sex == 1}">男</div>
<!--sex不等于1显示男-->
<!--相当于<div th:if="${sex != 1}">男</div>-->
<div th:unless="${sex == 1}">男</div>
<!--sex等于1显示男（双重否定）-->
<div th:unless="${sex != 1}">男</div>
<div th:unless="${sex ne 1}">男</div>  <!--ne：not equal-->
<!--三元(目)运算符-->
<div th:text="${sex eq 1 ? '男' : '女'}"></div>
<!--相当于switch语句-->
<div th:switch="${num}">
    <span th:case="0">0</span>
    <span th:case="1">1</span>
    <span th:case="*">既不是0也不是1</span>
</div>

• 内敛表达式：

• th:line=“text” (内敛文本)
• th:line=“javascript” (内敛脚本)
• th:line=“none”(基本不用)

<!--内敛文本使用语法[[${后台数据}]]-->
<div th:inline="text">
    [[${data}]] <!--获取data数据-->
</div>
<!--内敛脚本获取数据[[${后台数据}]]-->
<script type="text/javascript" th:inline="javascript">
    function showData(){
        alert([[${data}]]);
        console.log([[${data}]])
    }
</script>
<!--给按钮设置监听-->
<input type="button" value="data" onclick="showData()"/>

• 字符串拼接

|要拼接的字符串内容|

<div th:text="|今天要说${num1}${num0}${num0}次${data}|">

运行结果

• 表达式基本对象

表达式基本对象以#开头：
#session
#httpSession
#request
#httpServletRequest
#dates
#strings

<div th:text="${#session.getAttribute('name')}"></div>
<div th:text="${#httpSession.getAttribute('name')}"></div>
<!--获取协议名称-->
<div th:text="${#request.getScheme()}"></div>
<!--获取服务器名称-->
<div th:text="${#request.getServerName()}"></div>
<!--获取服务器端口号-->
<div th:text="${#request.getServerPort()}"></div>
<!--获取上下文根-->
<div th:text="${#request.getContextPath()}"></div>
<!--获取请求路径-->
<div th:text="${#httpServletRequest.requestURL}"></div>
<!--获取请求参数-->
<div th:text="${#httpServletRequest.queryString}"></div>
<!--时间-->
<div th:text="${#dates.format(time,'yyyy-MM-dd HH:mm:ss')}"></div>
<!--字符串-->
<div th:text="${#strings.substring(data,0,10)}"></div>