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。
6. ページ トラバーサル

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

7.if 判定と th:text 値

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

8.時間型の書式設定

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

9. ラベル属性をカスタマイズします。

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

10. CSS スタイルを取得します

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

注:

<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 中国語 Web サイトの他の関連記事を参照してください。