学习thymeleaf

<html xmlns:th="http://www.thymeleaf.org">

引用:(侵删)

https://www.cnblogs.com/msi-chen/p/10974009.html

1. 简单例子

  1. 创建spring boot 项目
  2. 导入相关依赖
    在这里插入图片描述
  3. 看看对thymeleaf的默认配置:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述

  • 默认设定了前后缀,等配置。
  1. 定义controller
    在这里插入图片描述

  2. 定义html文件,被转到的那个
    在这里插入图片描述

  3. 简单配置:application.yml
    在这里插入图片描述

  4. 运行:获取到了传递的内容
    在这里插入图片描述


2. 将变量渲染到html中

  1. 创建了一个实体类
    在这里插入图片描述

  2. 创建controller,model中添加了一个对象
    在这里插入图片描述

  3. 编写html页面【Thymeleaf通过${}来获取model中的变量,注意这不是el表达式,而是ognl表达式,但是语法非常像】
    在这里插入图片描述

  4. 运行,我们取到了狗的名字:旺财
    在这里插入图片描述

  • 编写html,获取其他的值:
    在这里插入图片描述
    在这里插入图片描述
  • 也可以这样写html代码:先获取对象,再用*代替,可以省点功夫
    在这里插入图片描述
  • 原始内容:
    在这里插入图片描述
  • 渲染后的内容:

在这里插入图片描述

3. 方法:

3.1 split方法

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

3.2 Thymeleaf提供的内置对象

在这里插入图片描述
在这里插入图片描述

  • 举例应用:
    我们在model中加了一个date对象:
    在这里插入图片描述
    我们获取dates对象,来对获取的date对象进行处理。
    在这里插入图片描述

3.3 字面值:

3.3.1 字符串字面值:

在这里插入图片描述

3.3.2 数字字面值:

在这里插入图片描述

3.3.2 布尔字面值:th:if=“xxx” 语法:

可以进行判断,这样会打印 这行字:
在这里插入图片描述
然而这样就不会 打印这行字了。
在这里插入图片描述

3.3.3 拼接:|xxxxx| 进行拼接

在这里插入图片描述

4. 运算:

4.1 算术运算:

加减乘除 取余 运算:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.2 比较运算:

在这里插入图片描述

4.3 条件运算:

  • 三元运算:gt是>的意思,见上文。
    在这里插入图片描述
    在这里插入图片描述
  • 默认值:这个例子里面,我没给dog对象添加dog成员变量。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


5. 循环:th:each语句

我传了一个list,用循环取出每一个对象,挨个操作。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6. 逻辑判断 th:if 和 th:unless

在这里插入图片描述

7. 分支控制switch。th:switch 和 th:case

在这里插入图片描述

8. JS模板

在这里插入图片描述

9 引用 th:action="@{/xxx/xxx}"

下面是html的form表单,可以替换 action属性。
在这里插入图片描述

10. th:href="@{/xxx/xxx}"

这是html的a标签。可以替换href属性。
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值