th:text

用于显示转义后的文本(不尊重我们的HTML标记而对其进行转义)

1
th:text="${blog.title}"

截取字符串

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

条件判断,条件成立则在页面中显示,不成立则不显示

1
th:if="${blog!=null}"

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)}