Thymeleaf模板引擎

Thymeleaf模板引擎

一:SpringBoot推荐你可以来使用模板引擎
模板引擎,我们其实大家听到很多,其实jsp就是一个模板引擎,还有用的比较多的freemarker,包括SpringBoot给我们推荐的Thymeleaf,模板引擎有非常多,但再多的模板引擎,他们的思想都是一样的,什么样一个思想呢我们来看一下这张图:
在这里插入图片描述总结:
模板引擎的作用就是我们来写一个页面模板,比如有些值呢,是动态的,我们写一些表达式。而这些值,从哪来呢,就是我们在后台封装一些数据。然后把这个模板和这个数据交给我们模板引擎,模板引擎按照我们这个数据帮你把这表达式解析、填充到我们指定的位置,然后把这个数据最终生成一个我们想要的内容给我们写出去,这就是我们这个模板引擎

二:引入Thymeleaf
怎么引入呢,对于springboot来说,什么事情不都是一个start的事情嘛
导入Thymeleaf依赖,自动导入maven工具自动帮我们导入Thymeleaf相关依赖jar包

--thymeleaf-->
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

三:测试
1、编写一个TestController
在这里插入图片描述
2、编写一个测试页面 test.html 放在 templates 目录下
在这里插入图片描述
3.启动项目请求测试


一些小坑
以上介绍了Thymeleaf引擎,springboot如果要访问页面,是要依赖这个模板引擎的,而且这个引擎只会检索.html的页面格式,不识别jsp格式

**

Thymeleaf 语法学习

**

前言:
当我们可以通过controller请求正常访问页面,就可以考虑从contrller层携带数据,到我们的页面上进行前后端数据展示了,那么数据怎么在前端的html页面被拿出来呢?就要用到我们的Thymeleaf 语法

学习语法可以去官方网站去学习

Thymeleaf 使用教程:https://www.cnblogs.com/jerry126/p/11531310.html

我这里总结了一些简单的使用步骤,大家可以参考一下
步骤一:我们要使用thymeleaf,需要在html文件中导入命名空间的约束,方便提示

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

步骤二:我们去编写前端页面
在这里插入图片描述
步骤三、启动测试!
在这里插入图片描述
OK,入门搞定,我们来认真研习一下Thymeleaf的使用语法!

1、th:attr 来替换html中原生属性的值!
也就是给我们标签中的值通过语法来动态赋值
在这里插入图片描述2.th:text 可以取后台传来的文本类型的数据
在这里插入图片描述

3.th:if 条件判断
这个标签可以对值进行一些条件判断
在这里插入图片描述

4. th:each 遍历数据 list集合数组等

<ul>
    <!--遍历数据,每次遍历都会生成span标签-->
    <li th:each="user:${userList}" th:text="${user.id+',你好'+user.name}" ></li>
</ul>

总结:
th的语法还有很多,我这里就分享这四个我们开发中经常使用的,th语法是要依赖于标签而生效的。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值