springboot學習日誌（二）– thymeleaf學習

賈達拉特里夫發表於2019-02-16
Spring Boot

本次學習如何使用thymeleaf以及相關語法
1、在上一章寫的那樣 引入jar包到maven工程

    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

2、同理配置yml

### springboot配置
spring:
  ##模板設定
  thymeleaf:
    prefix: classpath:/templates
    suffix: .html
    mode: LEGACYHTML5
    encoding: utf-8
    servlet:
      content-type: text/html
    cache: false

3、在需要引用thymeleaf新增引用頭

<html xmlns:th="http://www.thymeleaf.org">

下面記錄一下thymeleaf的模板語法 和jsp稍微有些出入 不過好在不需要修改檔案型別 直接將html進行頭部引用就可以使用
（1）標籤引入路徑或地址

<a th:href="@{http://www.baidu.com}"></a> //絕對路徑進行訪問
<script th:src="@{/}"></script>//相對路徑進行訪問
<link rel="stylesheet" th:href="@{css/base.css}">//預設訪問static下的資料夾
<img th:src="@{}"/>//圖片路徑引用

（2）使用變數動態替換

<div th:text="hello ${roms}">hello world</div>

使用spring想也面傳值roms：xxx即可在頁面彙總替換${roms}進行內容修改
需要注意的是 th:text 會替換掉標籤內的所有內容
（3）條件適用

//使用if進行判斷是否為真
<div th:text="hello world" th:if=${flag != true}>Login</div>
//使用unless  表示除外
<div th:text="hello world" th:unless=${flag != true}>Login</div>

（4）迴圈的使用

  <table>
    <tr th:each="list: ${list}">
      <td th:text="${list.id}">1122334</td>
      <td th:text="${plistod.name}">tony</td>
    </tr>
  </table>

（5）工具方法使用

//日期格式化
${#dates.format(date, `yyyy/MMM/dd HH:mm`)}
//當前時間
${#dates.createNow()}
//當前日期
${#dates.createToday()}

還有其他的工具類#Calendars，#numbers，#strings，#objects，#bools，#arrays，#lists，#sets，#maps，#aggregates，#messages，#ids
詳細的api文件可以檢視官網
http://www.thymeleaf.org/doc/…

相關文章