springboot使用thymeleaf

1.引入依赖

 
        org.springframework.boot 
        spring‐boot‐starter‐thymeleaf 
 
 
        3.0.9.RELEASE
        2.2.2 
 

thymeleaf会自动渲染resource/templates下的html文件,静态资源存放在resource/static中

2.新建测试html




    
    Title


这是显示欢迎信息

id: name: age:

a标签文本内容

xxx xxx xxx

1 2

展示效果

springboot使用thymeleaf_第1张图片

 3.常用写法

关键字 功能介绍 案例
th:id 替换id
th:text 文本替换

description

th:utext 支持html的文本替换

conten

th:object 替换对象
th:value 属性赋值
th:with 变量赋值运算
th:style 设置样式 th:style="'display:' + @{(${sitrue} ? 'none' : 'inline-block')} + ''"
th:onclick 点击事件 th:onclick="'getCollect()'"
th:each 属性赋值 tr th:each="user,userStat:${users}">
th:if 判断条件
th:unless 和th:if判断相反 Login
th:href 链接地址 Login />
th:switch 多路选择 配合th:case 使用
th:case th:switch的一个分支

User is an administrator

th:fragment 布局标签,定义一个代码片段,方便其它地方引用
th:include 布局标签,替换内容到引入的文件 />
th:replace 布局标签,替换整个标签到引入的文件
th:selected selected选择框 选中 th:selected="(${xxx.id} == ${configObj.dd})"
th:src 图片类地址引入 App Logo
th:inline 定义js脚本可以使用变量

你可能感兴趣的:(springboot)