SpringBoot整合thymeleaf在專案中的一些使用方法
阿新 • • 發佈:2019-02-19
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是每次迴圈的變數。
以上是本人在專案中遇到較常用的,其他的使用後續補充。