Tags, die verwendet werden können, wenn Java Thymeleaf verwendet

Der Inhalt dieses Artikels besteht darin, die Tags vorzustellen, die verwendet werden können, wenn Java Thymeleaf verwendet. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

1. Onclick-Ereignis

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

2. Einführung des CSS-Stils

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

3. Einführung der JS-Datei

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

4. Kopf- und Endinformationen einführen

Hinweis: Die Kopf- und Endinformationen auf der Seite html (folder)/public.html werden eingeführt

<!-- 导航 头部信息--> 
<!-- 导航 头部信息引入 --> 
<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. Bildeinführung

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

6. Seitendurchlauf

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

7.Wenn Beurteilung und Textwert

<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. Zeittypformatierung

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

9. Anpassen Beschriftungsattribute

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

10. Holen Sie sich den CSS-Stil

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

Hinweis: Holen Sie sich <i Klasse='fa fa-database'>i> Bei Verwendung des Symbolstils kann das Tag nicht in den Wert von th:text geschrieben werden innerhalb des Tags> (wie unten gezeigt)

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

Auf diese Weise erhalten Sie <i class= ' fa fa-database'>i> Symbolstil

Das obige ist der detaillierte Inhalt vonTags, die verwendet werden können, wenn Java Thymeleaf verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!