Thymeleaf基础语法

x33g5p2x  于2021-11-29 转载在 其他  
字(3.3k)|赞(0)|评价(0)|浏览(515)
  • 遍历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>
  • 内敛表达式:

<!--内敛文本使用语法[[${后台数据}]]-->
<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}|">

运行结果

  • 表达式基本对象

<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>

相关文章