thymeleaf学习

本文介绍了Thymeleaf3.0版本中的文本操作技巧,如字符串连接、字面值替换、算术和布尔运算,以及内联表达式的使用,包括th:text和th:utext的区别,以及无操作符和内联表达式(如[[...]][()])的用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

学习链接

  1. th:fragment
    fragment的引用
    th:insert:保留自己的主标签,保留th:fragment的主标签。
    th:replace:不要自己的主标签,保留th:fragment的主标签。
    th:include:保留自己的主标签,不要th:fragment的主标签。(官方3.0后不推荐)
  2. 字面值
<p th:text="文字/数字/简单计算表达式/boolean/null"></p>
  1. 文本操作
    1. 字符串连接
      <p th:text="'Welcome to ' + ${location} + '!'"></p>
    2. 字面值替换
      符号||可以用来将字面值和表达式包裹起来,这样就能方便的替换变量的值,而不需要使用+连接符:
      <p th:text="|Welcome to ${location}!|"></p>
    3. 算术运算
<!-- 0 -->
<p th:text="4 % 2"></p>
<!-- 2 -->
<p th:text="${pagination.page + 1}"></p>
  1. 布尔运算
  2. 比较和相等
  3. 条件运算

三元运算符:(if) ? (then) : (else)
二元运算符:(value) ?: (defaultValue)。
value非空(null)即真,条件为真时输出value,否则输出defaultValue。

  1. 无操作符
    当模板运行在服务器端时,Thymeleaf 会解析th:*属性的具体值替换标签体的内容。无操作符(_)则允许你使用原型标签体的内容作为默认值:

< !-- 你还没有登录,请先登录 -->
< p th:text=“${token} ?: _”>你还没有登录,请先登录

内联表达式

  1. [[…]]
    [[]]相当于th:text,对含有 HTML 标签的内容自动进行字符转义。

< p>The message is : [[${htmlContent}]]< /p>

  1. [(…)]
    [()]相当于th:utext,对含有 HTML 标签的内容不进行字符转义。
  2. th:inline
描述
none禁止内联表达式,可以原样输出 [[]] 和 [()] 字符串
text文本内联,可以使用 th:each 等高级语法
css样式内联,如:< style th:inline=“css”>
javascript脚本内联,如:< style th:inline=“javascript”>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值