项目中遇到的SpringBoot thymeleaf模板引擎

Thymeleaf作用

通过模板文件和model动态数据，生成动态HTML

常用语法

使用thymeleaf模板声明xmlns:th="http://www.thymeleaf.org"

标准表达式:页面上的数据被动态数据替换

判断与循环：判断数据是否为空，为0，为1；model数据是数组循环获取

th:value

• register.html为了实现功能：注册失败时，回到注册页面，错误页面需要对错误消息进行处理，username,password,email等要有默认值th:value="${user!=null?user.username:''}"
  th:class

• register.html中错误消息默认不显示，设置th:class="|form-control ${usernameMsg!=null?'is-invalid':''}|"，表示存在错误消息时就显示消息

模板的布局：复用一样的区域等

th:href

• 基本写法与th:src一样 一般写法为th:href=“@{值}”
• 处理register.html相对路径th:href="@{/css/login.css}"(thymeleaf要去/static文件夹下寻找资源)
• 修改index.html中header区域的首页、注册、登录按钮，目的是为了点击这三个按钮跳转到相应页面，/index表示路径http://localhost:8080/community/index

<a class="nav-link" th:href="@{/index}">首页</a>
<a class="nav-link" th:href="@{/register}">注册</a>
<a class="nav-link" th:href="@{/login}">登录</a>

• 修改operate-result.html中的动态链接th:href="@{${target}}（传入一个路径，路径的写法@{变量} 变量需要用${}取到 变量名为target）

th:fragment

• 为了复用头部的thymeleaf设置，在index.html中的header部分添加th:fragment="header"将header定义为一个名为header的片段
  th:replace
• 将index.html中的header头部设置复用到register.html中th:replace="index::header"
  index是模板名称，header是模板片段名称
  th:action
• 在register.html中的内容模块指定提交路径th:action="@{/register}"