1. 程式人生 > >SpringBoot整合thymeleaf在專案中的一些使用方法

SpringBoot整合thymeleaf在專案中的一些使用方法

1.新增jar包

2.新增配置

#為了後續給app專案配置熱部署,若不需要使用熱部署可不設定;

spring.thymeleaf.cache=false

spring.thymeleaf.encoding=UTF-8

3.專案結構

static放靜態資源,如css,js;templates裡面放html頁面

4.html頁面中的使用:

    1.使用相對路徑

@{/}是Context相關的相對路徑,在渲染時會自動新增上當前Web應用的Context名字,假設context名字為app,那麼結果應該是/app/避免正式部署到伺服器的路徑問題。頁面中直接使用如下:

假設url中有動態的資料,則可通過下面方式書寫:

<a href="details.html" th:href="@{/order/{orderId}/details(orderId=${o.id})}">view</a>

    2.在js中使用

首先加上th:inline="javascript",其次使用[[]],在[[]]中可以使用${}el表示式,或者#{},*{}等,在這裡我是請求url。注意[[]]解析後預設外層有"",所以不能寫成"[[]]"

    3.接收後端傳過來的請求域中引數

    4.滿足條件就在下拉框中選擇某一項

    5.滿足一定條件選擇單選按鈕

     6.下拉框的迴圈並且checked某個選項

request域中有兩個key-value,一個是userType,一個是user,type是每次迴圈的變數。 

以上是本人在專案中遇到較常用的,其他的使用後續補充。