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}"
|