java使用Thymeleaf時可能會使用的標籤

本篇文章帶給大家的內容是介紹java使用Thymeleaf時可能會使用的標籤。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。

1 .onclick事件

<a th:onclick="&#39;javascript:more()&#39;" ></a>

2. 引入CSS樣式

<link th:href="@{fore/css/public.css}" rel="stylesheet">

3.引入js 檔案

<script th:src="@{fore/js/index.js}" type="text/javascript"></script>

4. 引入頭部訊息，和尾部訊息

註：html(資料夾)/public.html 頁面上的頭部和尾部訊息引入

<!-- 导航 头部信息--> 
<!-- 导航 头部信息引入 --> 
<div class="nav-container" th:fragment="topper">
<div th:replace="html/public :: topper">
</div> 
<!-- 底部信息 -->
<!-- 底部信息引入 -->
<div class="att-bottom" th:fragment="footer">
<div th:replace="html/public :: footer"></div>

5. 圖片引入

 <img th:src="@{fore/images/nav_icona.png}"/>

6.頁面遍歷

 <li th:each="item,i:${list}"></li>

7.if 判斷以及th:text 取值

<span th:if="${item.types==1}" style="color:green;">
    <span th:text=" ${item.coinNum}" ></span>
    <i class=&#39;fa fa-database&#39;></i>
</span>

8.時間類型格式化

 <span th:text="${#dates.format(item.updateTime,&#39;yyyy/MM/dd HH:mm&#39;)}"></span>

9.自訂標籤屬性

 <p th:attr="_tId=${item.taskId}">

10.取得css樣式  

<i class=&#39;fa fa-database&#39;></i>

註：取得 <#i class='fa fa-database'>i> 圖示樣式時，標籤不能寫在th:text 的值中，另寫一個''標籤與取值的 (如下)

      
     <i class=&#39;fa fa-database&#39;></i>

這樣即可取得 <i class=' fa fa-database'>i> 圖示樣式

############################################################################## #### ###

以上是java使用Thymeleaf時可能會使用的標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！