th:text
用于显示转义后的文本(不尊重我们的HTML标记而对其进行转义)
截取字符串
1
| th:text="${#strings.abbreviate(blog.title,18)}"
|
格式化时间
1
| th:text="${#dates.format(blog.releaseDate,'yyyy-MM-dd HH:mm:ss')}"
|
th:utext
用于显示未转义的文本(尊重我们的HTML标记而不对其进行转义)
1
| th:utext="${blog.content}"
|
th:if
条件判断,条件成立则在页面中显示,不成立则不显示
th:each
循环语句,如果要显示一个List集合的所有内容则使用循环遍历,下面代码中blogList代表要循环遍历的集合,blog则代表集合中的每个元素(或实体)
1 2 3
| <div th:each="blog:${blogList}"> </div>
|
th:href
a标签的href链接、或者是HTML头文件的link引入地址
1 2
| th:href="@{'/?page=1&articleTypeId='+${articleType.id}}" <link rel="stylesheet" th:href="@{/static/vendor/bootstrap/css/bootstrap.min.css}">
|
th:src
img标签的图片链接、或者是HTML头文件的script引入地址
1 2
| th:src="@{'/static/images/userImage/'+${comment.user.imageName}}" <script type="text/javascript" th:src="@{https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js}"></script>
|
th:title
描述了元素的额外信息 (作为工具条使用),当页面上无法显示全部文本时,可通过title实现鼠标悬停实现查看全部文本信息
1
| th:title="${blog.title}"
|
th:style
行内样式,可以结合条件表达式实现动态选择(满足条件表达式则选择第一个结果,不满足则选择第二种结果)
1
| th:style="${articleTypeId == ''+articleType.id+''?'margin-left: 6px;color:red;float: left':'margin-left: 6px;float: left;color:#1e9fff'}"
|
th:value
1
| th:value="${goodsTypeId}"
|
只需要List的部分元素
当一个集合中的元素数量超过我们需要显示的元素数量时,可使用……Stat.count和th:if(省略号处根据具体情况填写)
1 2 3
| <div th:each="recommendBlog:${recommendBlogList}" th:if="${recommendBlogStat.count<=10}"> </div>
|
获取随机数
1
| ${#numbers.formatDecimal(T(java.lang.Math).floor(T(java.lang.Math).random()*3)+1,1,0)}
|