Thymeleaf 简记

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

• JSP 必须依赖 Tomcat 运行，不能直接运行在浏览器中
• HTML 可以直接运行在浏览器中，但是不能接收控制器传递的数据
• Thymeleaf 是一种既保留了 HTML 的后缀，能够直接在浏览器中运行的能力，又实现了 JSP 显示动态数据的功能——静能查看页面效果，动则可显示数据

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

• 添加依赖 spring-boot-starter-thymeleaf

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

• 创建 Thymeleaf 模板

Thymeleaf 模板就是 HTML 文件

SpringBoot 应用中 resourecestemplates 目录就是来存放页面模板

• 说明：

  • static 目录下的资源被定义静态资源，SpringBoot 一ing用默认放行；如果将 HTML 页面创建 static 目录是直接可以访问的
  • templates 目录下的文件会被定义为动态网页模板，SpringBoot 应用会拦截 templates 中定义的资源，如果将 HTML 页面创建 templates 目录，则必须通过控制器跳转访问

• 在 templates 创建 HTML 页面模板

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

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

如果要在 thymeleaf 模板中获取从控制器传递的shju’ju，需要使用 th 标签

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

• th:inline，内联标签

  • HTML 内联

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

  • CSS 内联

  • JavaScript 内联

• **th:object 和 ***，外层用 object 内层 用 *

• th:each，循环当前标签

• th:if，分支，判断 ，如果条件不显示，则不显示此标签

	太贵!
	推荐购买

• **th:switch 和 th:case **

  
  	建议购买
  	价格合理
  	
  
  

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

• 定义碎片：th:fragment
• 引用碎片：th:include 和 th:replace