2021-02-22

Thymeleaf模板引擎

自己的理解


学习内容:Thymeleaf模板引擎

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

2021-02-22_第1张图片

以前开发是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:属性标签的好处!
2021-02-22_第2张图片
2引入js,css样式





    
    Title
    
    

这个好像是网上找的


    
    
    分类浏览
    

    


    
   

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

img–图片的引入格式为

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

你可能感兴趣的:(java)