博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Thymeleaf 使用时的标签
阅读量:7193 次
发布时间:2019-06-29

本文共 1054 字,大约阅读时间需要 3 分钟。

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 标识

 

转载于:https://www.cnblogs.com/atimo/p/9849640.html

你可能感兴趣的文章
我的友情链接
查看>>
Recycled和Recycler的故事
查看>>
跟踪被锁的AD账号
查看>>
c中嵌入Python
查看>>
ThinkPHP 美化URL
查看>>
Linux下find函数用法汇总
查看>>
RHEL6和RHEL7系统运行级别设置以及切换
查看>>
nagios短信监控
查看>>
瓜娃系列 (6) - ComparisonChain和primitives包
查看>>
Android-避免出现bitmap内存限制OUT OF MEMORY的一种方法
查看>>
硬盘分区的参数详解
查看>>
第二周第四节、特殊权限(set_uid、set_gid、stick_bit)/软连接及硬连接
查看>>
xml schema 学习笔记
查看>>
Linux日常学习知识总结
查看>>
mybatis-generator自动生成
查看>>
Python学习第二天
查看>>
Linux自动化运维之Cobbler(自定义仓库)NO.4
查看>>
double数字串 带E的转成正常的
查看>>
JS正则表达式的一些例子
查看>>
Linux read命令
查看>>