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

如果下载的源码需要作者授权,请更换源码。本站免费分享资源不会增加授权

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

1 . onclick事件

<a th:onclick="'javascript:more()'" ></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='fa fa-database'></i> </span>

8.时间类型格式化

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

9.自定义标签属性

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

10.获取css样式

<i class='fa fa-database'></i>

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

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

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

本文由(壳先生)整理自网络,如转载请注明出处:https://www.mrshell.com;
本站发布的内容若侵犯到您的权益,请邮件联系 i@mrshell.com 删除,我们将及时处理!
===========================================================================

1. 本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行测试。
2. 本站资源仅供学习和交流使用,版权归资源原作者所有,请在下载后24小时之内自觉删除。
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
4. 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,与本站无关。
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

=================================================================

壳先生 » java使用Thymeleaf时可能会使用的标签

发表评论

提供最优质的资源集合

立即查看 了解详情