-
7 — 简单了解springboot中的thymeleaf
1、官网学习地址
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html
2、什么是thymeleaf?
一张图看明白:
解读:
-
前端交给我们的页面,是html页面。如果是我们以前开发,我们需要把他们转成jsp页面,jsp好处就是当我们查出一些数据转发到JSP页面以后,我们可以用jsp轻松实现数据的显示,及交互等
-
jsp支持非常强大的功能,包括能写Java代码,但是,SpringBoot是以jar的方式,不是war,第二,我们用的还是嵌入式的Tomcat,所以,springboot现在默认是不支持jsp的
-
那不支持jsp,如果我们直接用纯静态页面的方式,那给我们开发会带来非常大的麻烦,那怎么办?
SpringBoot推荐使用模板引擎:
模板引擎,我们其实大家听或多或少都听说过一些,其实jsp就是一个模板引擎,还有用的比较多的freemarker,包括SpringBoot给我们推荐的Thymeleaf,模板引擎有非常多,但再多的模板引擎,他们的思想都是一样的
-
模板引擎的作用就是我们来写一个页面模板,比如有些值,是动态的,我们写一些表达式。而这些值从哪来?就是我们在后台封装一些数据。然后把这个模板和这个数据交给模板引擎,模板引擎按照我们封装的数据把这表达式解析出来、填充到我们指定的位置,然后把这个数据最终生成一个我们想要的内容从而最后显示出来,这就是模板引擎。
-
不管是jsp还是其他模板引擎,都是这个思想。只不过,不同模板引擎之间,他们可能语法有点不一样。其他的就不介绍了,这里主要介绍一下SpringBoot给我们推荐的Thymeleaf模板引擎,这模板引擎,是一个高级语言的模板引擎,他的这个语法更简单。而且功能更强大
3、在官网中说到了thymeleaf的取数据方式
提取出来看一下,从而在springboot中演示一下
-
简单的表达:
- 变量表达式: ${...}
- 选择变量表达式: *{...}
- 消息表达: #{...}
- 链接 URL 表达式: @{...}
- 片段表达式: ~{...}
4、在springboot中使用thymeleaf
1)、导入依赖
|
|
|
<dependency> |
|
<groupId>org.springframework.boot</groupId> |
|
<artifactId>spring-boot-starter-thymeleaf</artifactId> |
|
</dependency> |
|
2)、怎么使用thymeleaf,即:html文件应该放到什么目录下
-
前面我们已经导入了依赖,那么按照springboot的原理,底层会帮我们导入相应的东西,并做了相应的配置,那么就去看一下源码,从而知道我们应该把文件放在什么地方( 注:springboot中和配置相关的都在xxxxxProperties文件中,因此:去看一下thymeleaf对应的thymeleafProperties文件 )
-
-
那就来建一个
-
编写controller,让其跳到templates目录的页面中去
-
测试
- 成功跳过去了
3)、那就延伸,传输数据( 参照官网来 )
-
这里只演示 变量表达式: ${...},其他的都是一样的原理
-
编写后台,存入数据
-
在前台获取数据
-
表空间约束链接如下,这个在thymeleaf官网中有:
- xmlns:th="http://www.thymeleaf.org"
-
表空间约束链接如下,这个在thymeleaf官网中有:
-
测试:
5、有了基础,就可以玩一下其他的了
-
玩一下
-
后台
-
前台
-
测试
-
其他的玩法都差不多
作者:紫邪情
出 处:https://www.cnblogs.com/xiegongzi/p/15531493.html