Thymeleaf常用语法总结

1、th属性，常用th属性如下：

    1）th:text：文本替换；

    2）th:utext：支持html的文本替换。

    3）th:value：属性赋值  

    4）th:each：遍历循环元素

    5）th:if：判断条件，类似的还有th:unless，th:switch，th:case

    6）th:insert：代码块引入，类似的还有th:replace，th:include，常用于公共代码块提取的场景

    7）th:fragment：定义代码块，方便被th:insert引用

    8）th:object：声明变量，一般和*{}一起配合使用，达到偷懒的效果。

    9）th:attr：设置标签属性，多个属性可以用逗号分隔

 

2、标准表达式语法：

${...} 变量表达式，Variable Expressions

@{...} 链接表达式，Link URL Expressions

#{...} 消息表达式，Message Expressions

~{...} 代码块表达式，Fragment Expressions

*{...} 选择变量表达式，Selection Variable Expressions

 

3.格式化时间：

th:text="${#dates.format(map.post.createTime,'yyyy-MM-dd HH:mm:ss')}"

示例：

 1 <li class="media pb-3 pt-3 mb-3 border-bottom" th:each="map:${discussPosts}">
 2                         <a href="site/profile.html">
 3                             <img th:src="${map.user.headerUrl}" class="mr-4 rounded-circle" alt="用户头像" style="width:50px;height:50px;">
 4                         </a>
 5                         <div class="media-body">
 6                             <h6 class="mt-0 mb-3">
 7                                 <a href="#" th:utext="${map.post.title}"></a>
 8                                 <span class="badge badge-secondary bg-primary" th:if="${map.post.type==1}">置顶</span>
 9                                 <span class="badge badge-secondary bg-danger" th:if="${map.post.status==1}">精华</span>
10                             </h6>
11                             <div class="text-muted font-size-12">
12                                 <u class="mr-3" th:utext="${map.user.username}"></u> 发布于 <b th:text="${#dates.format(map.post.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-15 15:32:18</b>
13                                 <ul class="d-inline float-right">
14                                     <li class="d-inline ml-2">赞 11</li>
15                                     <li class="d-inline ml-2">|</li>
16                                     <li class="d-inline ml-2">回帖 7</li>
17                                 </ul>
18                             </div>
19                         </div>
20                     </li>

 4.通用模块调用

1 <!--被调用-->
2 <header  th:fragment="header">
3 </header>
4 
5 <!--调用-->
6 <header  th:replace="index::header">
7 </header>

 

posted @ 2023-03-25 22:27  喵工  阅读(95)  评论(0)    收藏  举报