thymeleaf学习笔记

最新推荐文章于 2023-11-01 09:27:15 发布

fuxavier

最新推荐文章于 2023-11-01 09:27:15 发布

阅读量343

点赞数 2

分类专栏： java开发文章标签：前端 thymeleaf

本文链接：https://blog.csdn.net/shifuxinghua/article/details/78632852

版权

java开发专栏收录该内容

4 篇文章 0 订阅

订阅专栏

thymeleaf学习笔记

简单表达式

${…} 变量表达式；变量值的替换，可以简单理解为后端注入到前端的变量值

<div>
    <p>Name: <span th:text="${session.user.firstname}">Sebastian</span></p>
</div>

*{…} 选择变量表达式；对比变量表达式，选择变量表达式优先选择指定的变量，若没有指定，则和变量表达式完全一致

<div th:object="${session.user}">
    <p>Name: <span th:text="*{firstname}">Sebastian</span></p>
</div>

#{…} 消息表达式；从属性文件中获取的值替换html文件中的占位符号

<p th:utext="#{home.welcome}">Welcome to our grocery store ! </p>

@{…} 链接url表达式；

<a th:href="@{'/details/'+${user.login}(orderId=${o.id})}">view</a>
<a th:href="@{~/tmp/logfile}">logfile</a>

文字类型

字符型: ‘one text’ , ‘Another one!’
数值型: 0 , 34 , 3.0 , 12.3
Boolean型: true , false
空值: null
文本字符串: one , sometext , main

字符串操作

字符串连接: +

<span th:text="'The name of the user is ' + ${user.name}">

文字替换: |The name is ${name}|

<span th:text="|The name of the user is  ${user.name}|">

内联表达式：[[…]]

数值型操作:

运算符: + , - , * , / , %
负号: -
Boolean操作:
- 运算符: and , or
- 非运算符: ! , not
比较相等算法:
- 比较: > , < , >= , <= ( gt , lt , ge , le )
- 相等算法: == , != ( eq , ne )

条件语句:

If-then: (if) ? (then)

<body>
    <div th:if="${age} > 20">
        大于 20
    </div>
    <div th:unless="${age} > 20">
        小于 20
    </div>
</body>

If-then-else: (if) ? (then) : (else)

<tr th:class="${row.even} ? 'even' : 'odd'">error</tr>

switch

<div th:switch="${role}">
    <p th:case="user">User</p>
    <p th:case="${admin}">Admin</p>
    <p th:case="*">Unknown</p>
</div>

循环

each

<ul>
    <li th:each="animal : ${animals}" th:text="${animal}">小动物 - 此处文本会被覆盖</li>
</ul>

模版语法

定义模版片段

<div th:fragment="copy">
      &copy; 2011 The Good Thymes Virtual Grocery
    </div>

引入模版

<div th:insert="~{footer :: copy}"></div>
<div th:replace="~{footer :: copy}"></div> 
<div th:include="~{footer :: copy}"></div>

三种不同的各式
- ~{templatename::selector}，指定选择器selector的模版
- ~{templatename}，整个模版
- ~{::selector} ，同一模版中匹配指定的选择器片段
- 删除模版

<tbody th:remove="all-but-first"></tbody>

5种不同的删除方式
- all : 删除所有
- body：不删除包含的标签，删除所有的子项
- tag：删除包含的标签，但是不删除子项
- all-but-first：除第一个子项不删除，其他均删除
- none：什么都不干

工具类

execInfo: 有关正在处理模版的信息
messages: 变量表达式中获取外部化消息的方法，和#{…}语法获得的方式相同.
uris: 转义URL/URI的方法
conversions: 配置转换相关的方法
dates: java.util.date对象的方法：格式化，组件提取.
calendars: 类似dates，calendar对象相关.
numbers: 用户格式化数字对象的方法.
strings: methods for String objects: contains, startsWith, prepending/appending, etc.
objects: methods for objects in general.
bools: methods for boolean evaluation.
arrays: methods for arrays.
lists: methods for lists.
sets: methods for sets.
maps: methods for maps.
aggregates: methods for creating aggregates on arrays or collections.
ids: methods for dealing with id attributes that might be repeated (for example, as a result of an iteration).

其他

基础语法之间都可以任意嵌套

'User is of type ' + (${user.isAdmin()} ? 'Administrator' : (${user.type} ?: 'Unknown'))

默认表达式

<div th:object="${session.user}">
  ...
  <p>Age: <span th:text="*{age}?: '(no age specified)'">27</span>.</p>
</div>

哑操作符,(_)表示不处理任何结果

<div th:object="${session.user}">
  ...
  <p>Age: <span th:text="*{age}?-: '(no age specified)'">27</span>.</p>
</div>

数据类型转换; 变量/选择表达式的一个双括号语法，调用注册的转换服务，默认调用对象的toString方法
懒加载,条件表达式为false，被迭代变量永远不会被初始化

context.setVariable(
     "users",
     new LazyContextVariable<List<User>>() {
         @Override
         protected List<User> loadValue() {
             return databaseRepository.findAllUsers();
         }
     });

context.setVariable(
     "users",
     new LazyContextVariable<List<User>>() {
         @Override
         protected List<User> loadValue() {
             return databaseRepository.findAllUsers();
         }
     });

局部变量，th:with语法声明局部变量，只在包含的标签范围内使用

参考文档

fuxavier

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
thymeleaf学习笔记

thymeleaf学习笔记简单表达式${…} 变量表达式；变量值的替换，可以简单理解为后端注入到前端的变量值<div> <p>Name: <span th:text="${session.user.firstname}">Sebastian</span></p></div>*{…} 选择变量表达式；对比变量表达式，选择变量表达式优先选择指定的变量，若没有指定，则和变量表达式完全
复制链接

扫一扫