IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Java知识库 -> 项目中遇到的SpringBoot thymeleaf模板引擎 -> 正文阅读

[Java知识库]项目中遇到的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}"
  Java知识库 最新文章
计算距离春节还有多长时间
系统开发系列 之WebService(spring框架+ma
springBoot+Cache(自定义有效时间配置)
SpringBoot整合mybatis实现增删改查、分页查
spring教程
SpringBoot+Vue实现美食交流网站的设计与实
虚拟机内存结构以及虚拟机中销毁和新建对象
SpringMVC---原理
小李同学: Java如何按多个字段分组
打印票据--java
上一篇文章      下一篇文章      查看所有文章
加:2022-08-19 18:50:24  更:2022-08-19 18:54:58 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 13:20:40-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码