SpringBoot整合thymeleaf及常用th:标签使用方法

  1. pom文件加入启动依赖

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

  1. yml文件配置前缀 后缀 关闭缓存
spring:
  thymeleaf:
    cache: false
    prefix: classpath:/templates/
    suffix: .html
  1. 在resources目录下创建templates文件夹 创建thymeleaf.html
    SpringBoot整合thymeleaf及常用th:标签使用方法_第1张图片




    
    Title



直接在浏览器打开可以看见的内容

  1. 编写测试controller
@RequestMapping("/thymeleaf")
public String thymeleaf(){
    System.out.println(1111);
    return "thymeleaf";
}
  1. 启动项目 测试
    SpringBoot整合thymeleaf及常用th:标签使用方法_第2张图片
  2. 常用th标签使用



    
    Title




直接在浏览器打开可以看见的内容

替换原本标签体 th:text

原始值

替换原始属性值 th:value



替换文本域 th:text

获取后端请求域里面的数据

request

session

application

解析URL地址 @{}相当于前置添加了 ${pageContext.request.contextPath}

轻轻地我走了 正如我轻轻的来

直接执行表达式 在页面上 不是在th:标签上使用了

有转义效果的: [[${param1}]]

无转义效果的: [(${param1})]

if判断的使用

request里面的 param1 为空

request里面的 param1 不为空

for循环的使用

页面包含

先创建需要包含的页面在 include/part.html 内部

~{A::B}表达式 其中A为要被包含片段所在的页面 配合yml里面配置的前缀后缀 即为 /template/include/part.html B为被包含片段的名字 th:fragment指定

th:insert 表示将 被包含片段直接插入 该标签内部

th:replace 表示将 被包含片段直接替换该标签 设置的背景颜色 被替换不存在了

th:include 表示将 被包含片段直接被包含进来而且不影响style设置

页面显示效果:
SpringBoot整合thymeleaf及常用th:标签使用方法_第3张图片
SpringBoot整合thymeleaf及常用th:标签使用方法_第4张图片
SpringBoot整合thymeleaf及常用th:标签使用方法_第5张图片

你可能感兴趣的:(Spring)