Thymeleaf基础语法

x33g5p2x  于2021-11-29 转载在 其他  
字(3.3k)|赞(0)|评价(0)|浏览(593)
  • 遍历List集合

  1. <!-- student:当前循环的对象变量名称 studentStat:当前循环对象的状态变量 StudentList:当前循环的集合 -->
  2. <div th:each="student,studentStat:${StudentList}">
  3. <span th:text="${student.id}"></span>
  4. <span th:text="${student.name}"></span>
  5. <span th:text="${student.age}"></span>
  6. <!--当前循环是第几个-->
  7. <span th:text="${studentStat.count}"></span>
  8. <!--当前循环的对象-->
  9. <span th:text="${studentStat.current}"></span>
  10. <!--当前循环下标-->
  11. <span th:text="${studentStat.index}"></span>
  12. <!--集合的大小-->
  13. <span th:text="${studentStat.size}"></span>
  14. </div>
  • 遍历Map集合

  1. <!--stuMapStat可以不加,不加默认为对象变量名称+Stat-->
  2. <!--<div th:each="stuMap:${studentMap}">-->
  3. <div th:each="stuMap,stuMapStat:${studentMap}">
  4. <span th:text="${stuMap.key}"></span>
  5. <span th:text="${stuMap.value}"></span>
  6. <span th:text="${stuMap.value.id}"></span>
  7. <span th:text="${stuMap.value.name}"></span>
  8. <span th:text="${stuMap.value.age}"></span>
  9. </div>
  • 遍历数组(与遍历List一样)

  • 条件判断

  1. <!--如果sex等于1就显示男-->
  2. <div th:if="${sex eq 1}"></div>
  3. <div th:if="${sex == 1}"></div>
  4. <!--sex不等于1显示男-->
  5. <!--相当于<div th:if="${sex != 1}">男</div>-->
  6. <div th:unless="${sex == 1}"></div>
  7. <!--sex等于1显示男(双重否定)-->
  8. <div th:unless="${sex != 1}"></div>
  9. <div th:unless="${sex ne 1}"></div> <!--ne:not equal-->
  10. <!--三元(目)运算符-->
  11. <div th:text="${sex eq 1 ? '男' : '女'}"></div>
  12. <!--相当于switch语句-->
  13. <div th:switch="${num}">
  14. <span th:case="0">0</span>
  15. <span th:case="1">1</span>
  16. <span th:case="*">既不是0也不是1</span>
  17. </div>
  • 内敛表达式:

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

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

运行结果

  • 表达式基本对象

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

相关文章