Thymeleaf是什么?该如何使用。

先了解Thymeleaf是什么
1. Thymeleaf 简介
Thymeleaf 是新⼀代 Java 模板引擎,与 Velocity、FreeMarker 等传统 Java 模板引擎不同,Thymeleaf ⽀持 HTML 原型,其⽂件后缀为“.html”,因此它可以直接被浏览器打开,如果你直接浏览器打开,此时浏览器会忽略未定义的 Thymeleaf 标签属性,展示thymeleaf 模板的静态⻚⾯(没有任何变化)效果;但是通过 Web 应⽤程序访问时,Thymeleaf 会动态地替换掉静态内容,使⻚⾯动态显示。
简而言之,就是之前你的html页面的一个p标签显示的是“法外狂徒张三”,加上Thymeleaf后,通过Web 应⽤程序访问后就变成了,“隔壁老王”。
使用只需要在前端页面注意这个就行了(声明命名空间,非必要,不写idea会爆红,但是不影响使用),html标签里面加上: xmlns:th="http://www.thymeleaf.org
然后就可以使用了
然后举个例子
法外狂徒张三
‘隔壁老王’ 这个地方可以使用占位符,我这样写比较直观
2.Thymeleafi 简单表达式:
变量表达式:${....}
选变量表达式:*{....}
消息表达式:#{....}
链接网址表达式:@{....}
片段表达式:~{....}
我使用的是 IntelliJ IDEA 2021.1 (Ultimate Edition)自己就有这个插件。基于manven的,所以你们该导包导包。
3.th 属性
标签属性
功能描述
示例
th:id
替换id
th:text
文本替换
description
th:utext
支持html的文本替换
content
th:object
替换对象
th:value
属性赋值
th:with
变量赋值运算
th:style
设置样式
th:onclick
点击事件
th:each
属性赋值
th:if
判断条件
th:unless
和th:if判断相反,满足条件时不显示
th:href
链接地址
th:switch
多路选择,配合th:case使用
th:fragment
模板布局,类似jsp的tag
th:include
布局标签,替换内容到引入的文件
th:replace
布局标签,替换整个标签到引入的文件
th:selected
select选择框选中
th:selected="(${xxx.id} == ${configObj.dd})"
th:src
图片类地址引入
th:inline
定义js脚本可以使用变量
th:action
表单提交的地址