2021-02-22

Thymeleaf模板引擎

自己的理解

---

学习内容：Thymeleaf模板引擎

注1：springboot中支持的两种模板技术 thymeleaf/freemarker(默认)

以前开发是jsp页面，jsp可以轻松实现数据交互，但是springboot默认不支持jsp。像html这样子的纯粹的静态页面，就需要模板引擎的帮助。如上图所示，Thymeleaf模板引擎通过其语法从后台取出数据，将其，解析，填充到指定位置，生成一个想要的内容写出去，从而达到一个页面模板的效果。

Thymeleaf使用步骤：

Thymeleaf官网:https://www.thymeleaf.org/download.html
Thymeleaf在Github的主页：https:github.com/thymeleaf/thymeleaf
Spring官方文档:“https://docs.spring.io/spring”-
https://docs.spring.io/spring-boot/docs/2.1.6.RELEASE/reference/htmlsingle/#using-boot-starter
对应的版本

2.1 在pom.xml引入thymeleaf的依赖包

    
        org.thymeleaf
        thymeleaf-spring5
    
    
        org.thymeleaf.extras
        thymeleaf-extras-java8time
    

2.2下载后确定包进来了，并且html放在我们的templates目录下
2.3在对应的html导入约束使模板生效
2.4在html里改那些元素可以用th：{@/}去装
2.2 在springboot中添加thymeleaf配置

---

在springboot +Thymeleaf引入js css img–图片无效的解决办法

1.项目结构分明
温馨提示：SpringBoot没有配置静态文件的话，规范文件夹分类
resource目录下，static放静态文件，templates放网页，这两个是spring默认的静态文件文件根目录和网页文件根目录
可能这就是thymeleaf模板使用th:属性标签的好处！

2引入js,css样式
①

    
    
    
    

这个好像是网上找的

②

    
    
    
    

    


    
   

这个是我在项目资料里盲扩的

img–图片的引入格式为

th:src="@{/images/1.png}"，加个样式就是