欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Thymeleaf语法基础

程序员文章站 2022-07-03 20:10:19
SpringBoot推荐使用的模板是Thymeleaf,而不是JSP,看完Thymeleaf后感觉是有道理的。一篇博客关于Thymeleaf的简述写得比较好:https://blog.csdn.net/u014204541/article/details/102697966更详细的学习还是要查官网www.thymeleaf.org/下表给出了一些标签的基本用法关键字功能介绍案例th:id替换id

SpringBoot推荐使用的模板是Thymeleaf,而不是JSP,看完Thymeleaf后感觉是有道理的。

一篇博客关于Thymeleaf的简述写得比较好:

https://blog.csdn.net/u014204541/article/details/102697966

更详细的学习还是要查官网

www.thymeleaf.org/

 

下表给出了一些标签的基本用法

关键字 功能介绍 案例
th:id 替换id <input th:id="'xxx' + ${collect.id}"/>
th:text 文本替换 <p th:text="${collect.description}">description</p>
th:utext 支持html的文本替换 <p th:utext="${htmlcontent}">conten</p>
th:object 替换对象 <div th:object="${session.user}">
th:value 属性赋值 <input th:value="${user.name}" />
th:with 变量赋值运算 <div th:with="isEven=${prodStat.count}%2==0"></div>
th:style 设置样式 th:style="'display:' + @{(${sitrue} ? 'none' : 'inline-block')} + ''"
th:onclick 点击事件 th:onclick="'getCollect()'"
th:each 属性赋值 tr th:each="user,userStat:${users}">
th:if 判断条件 <a th:if="${userId == collect.userId}" >
th:unless 和th:if判断相反 <a th:href="@{/login}" th:unless=${session.user != null}>Login</a>
th:href 链接地址 <a th:href="@{/login}" th:unless=${session.user != null}>Login</a> />
th:switch 多路选择 配合th:case 使用 <div th:switch="${user.role}">
th:case th:switch的一个分支 <p th:case="'admin'">User is an administrator</p>
th:fragment 布局标签,定义一个代码片段,方便其它地方引用 <div th:fragment="alert">
th:include 布局标签,替换内容到引入的文件 <head th:include="layout :: htmlhead" th:with="title='xx'"></head> />
th:replace 布局标签,替换整个标签到引入的文件 <div th:replace="fragments/header :: title"></div>
th:selected selected选择框 选中 th:selected="(${xxx.id} == ${configObj.dd})"
th:src 图片类地址引入 <img class="img-responsive" alt="App Logo" th:src="@{/img/logo.png}" />
th:inline 定义js脚本可以使用变量 <script type="text/javascript" th:inline="javascript">
th:action 表单提交的地址 <form action="subscribe.html" th:action="@{/subscribe}">
th:remove 删除某个属性 <tr th:remove="all"> 1.all:删除包含标签和所有的孩子。2.body:不包含标记删除,但删除其所有的孩子。3.tag:包含标记的删除,但不删除它的孩子。4.all-but-first:删除所有包含标签的孩子,除了第一个。5.none:什么也不做。这个值是有用的动态评估。
th:attr 设置标签属性,多个属性可以用逗号分隔 比如 th:attr="src=@{/image/aa.jpg},title=#{logo}",此标签不太优雅,一般用的比较少。

下面,还有说一下${}, *{}, #{},  @{} 在Thymeleaf中的区别

${}: 变量表达式,用于访问容器上下文环境中的变量,其实就是EL表达式

<li th:class="${page.isFirstPage}==true? 'disabled'"> first </li>

*{}:选择表达式(星号表达式)。选择表达式与变量表达式有一个重要的区别:选择表达式计算的是选定的对象,而不是整个环境变量映射。也就是:只要是没有选择的对象,选择表达式与变量表达式的语法是完全一样的。那什么是选择的对象呢?是一个:th:object对象属性绑定的对象,比如:

<div th: obj ect=" ${session. user}" >

<p>Name: <span th: text=" *{firstName}" >Sebastian</span>. </p>

<p>Surname: <span th: text=" *{lastName}" >Pepper</span>. </p>

<p>Nationality: <span th: text=" *{nationality}" >Saturn</span>. </p>

</div>

#{}:消息表达式(井号表达式,资源表达式) ,通常与th:text属性一起使用,指明声明了th:text的标签的文本是#{}中的key所对应的value,而标签内的文本将不会显示。如果属性文件home.properties,有如下内容:

driver-class-name=com.mysql.cj.jdbc.Driver
<p th: text=" #{driver-class-name}" >This text will not be show! </p>

上述代码只会输出com.mysql.cj.jdbc.Driver

@{}:超链接url表达式,

th:href="@{ ${url} }"

或者Form表单的action中

 <form action="#" th:action="@{/greeting}" method="post">
        <input type="text" th:field="*{content}" />
        <input type="submit" value="提交" /> 
        <input type="reset" value="重置" /></p>
 </form>

 

 

 

本文地址:https://blog.csdn.net/lillllllll/article/details/109250801