Thymeleaf

Thymeleaf是一种类似于JSP的动态网页技术

1 Thymeleaf简介

• JSP 必须依赖Tomcat运行，不能直接运行在浏览器中

• HTML可以直接运行在浏览器中，但是不能接收控制器传递的数据

• Thymeleaf是一种既保留了HTML的后缀能够直接在浏览器运行的能力、又实现了JSP显示动态数据的功能——静能查看页面效果、动则可以显示数据

2 Thymeleaf的使用

SpringBoot应用对Thymeleaf提供了良好的支持

2.1 添加thymeleaf的starter

    org.springframework.boot
    spring-boot-starter-thymeleaf

2.2 创建Thymeleaf模板

Thymeleaf模板就是HTML文件

• SpringBoot应用中 resourcestemplates目录就是用来存放页面模板的

• 重要说明：

  • static 目录下的资源被定义静态资源，SpringBoot应用默认放行；如果将HTML页面创建static目录是可以直接访问的

• templates 目录下的文件会被定义为动态网页模板，SpringBoot应用会拦截templates中定义的资源；如果将HTML文件定义在templates目录，则必须通过控制器跳转访问。

• 在templates创建HTML页面模板

• 创建PageController，用于转发允许"直接访问"的页面请求

@Controller
@RequestMapping("/page")
public class PageController {
​
    @RequestMapping("/test.html")
    public String test(){
        return "test";
    }
​
}

3 Thymeleaf基本语法

如果要在thymeleaf模板中获取从控制传递的数据，需要使用th标签

3.1 在thymeleaf模板页面引入th标签的命名空间

    
        
        
    
    
​
    

3.2 th:text

在几乎所有的HTML双标签都可以使用 th:text属性，将接收到的数据显示在标签的内容中

3.3 th:inline 内联

• HTML内联

  图书名称：[[${book.bookName}]]

• CSS内联

• JavaScript内联

3.4 th:object 和 *

4 流程控制 4.1 th:each 循环

    
    
        
            
            
            
        
    
    
        
            
            
            
        
    
图书信息列表
图书ID
图书名称
作者

4.2 分支

• th:if 如果条件不成立，则不显示此标签

  太贵！！！
  太贵！！！
  ​
  推荐购买

• th:switch 和 th:case

  
      建议购买
      价格合理
      价格不合理
  
  
      男
      女
      性别不详
  

5 碎片使用 5.1 碎片的概念

碎片，就是HTML片段，我们可以将多个页面中使用的相同的HTML标签部分单独定义，然后通过th:include可以在HTML网页中引入定义的碎片

5.2 碎片使用案例

• 定义碎片 th:fragment

  • header.html

    
    
    
        
        
    
    
    ​
    
        千锋武汉Java2010班，六六六！！！
    
    ​
    
    

  • footer.html

    
    
    
        
        
    
    
    ​
    
        千锋教育 武汉校区
    
    ​
    
    

• 引用碎片 th:include 和 th:replace

  • a.html

    
    
    
        
        
    
    
    ​
    
        
    ​
        
            定义内容
        
    ​