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 页面上的 头部和尾部信息引入1 2 3
5. 图片引入
<img th:src="@{fore/images/nav_icona.png}"/>6.页面遍历
<li th:each="item,i:${list}"></li> 7.if 判断 以及 th:text 取值
8.时间类型格式化
<span th:text="${#dates.format(item.updateTime,'yyyy/MM/dd HH:mm')}"></span>
9.自定义标签属性
<div 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标签不属于同一标签内即可> (如下)1 2 3 4
这样即可获取 图标样式 11.themeleaf if标签判断显示哪一个
根据 th:if="${item.authstate != 1}" 值判断显示哪一个
12.themeleaf字符串拼接
th:id="|autohomeId${i.index}|" 字符拼接两个大竖线
类似的 class属性等,有多个需要竖线全部包含 th:class="|per-addId per-addtype${i.index}|" 所使用的属性前要加 th 标识