Rumah > Java > javaTutorial > java使用Thymeleaf时可能会使用的标签

java使用Thymeleaf时可能会使用的标签

青灯夜游
Lepaskan: 2018-11-28 09:33:17
ke hadapan
3026 orang telah melayarinya

本篇文章给大家带来的内容是介绍java使用Thymeleaf时可能会使用的标签。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

1 . onclick事件

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

2.引入CSS样式

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

3.引入js 文件

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

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>
Salin selepas log masuk

5. 图片引入

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

6.页面遍历

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

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>
Salin selepas log masuk

8.时间类型格式化

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

9.自定义标签属性

 <p th:attr="_tId=${item.taskId}">
Salin selepas log masuk

10.获取css样式

<i class=&#39;fa fa-database&#39;></i>
Salin selepas log masuk

注:获取 <i class='fa fa-database'>i> 图标样式 时,标签不能写在th:text 的取值中,另写一个''标签 与取值的 (如下)


      
     <i class=&#39;fa fa-database&#39;></i>
Salin selepas log masuk

这样即可获取 <i class='fa fa-database'>i> 图标样式

Atas ialah kandungan terperinci java使用Thymeleaf时可能会使用的标签. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:cnblogs.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan