thymeleaf标签

最新推荐文章于 2022-10-19 13:02:56 发布
最新推荐文章于 2022-10-19 13:02:56 发布
阅读量295 收藏 2
点赞数
分类专栏： thymeleaf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36821220/article/details/109471565
版权

文章目录

模板布局

th:fragment
th:insert
th:replace
th:remove

  • th:fragment=“body” 模板布局：指会经常被别人引用的一部分，为他打上标签，以便引用

    <div th:fragment="copy">
      &copy; 2011 The Good Thymes Virtual Grocery
</div>

  • th:insert=“commons/commons::body” 在指定部分引用模板布局

  • th:replace=“commons/commons::body” 在指定部分引用模板布局

    <body>
     ...     <div th:insert="~{footer :: copy}"></div>     ...
</body>

  • th:remove=“tag” 移除当前标签或子标签

    <!--tag：删除自己，但不删除所有子项-->
<div class="hint" th:remove="tag">
    <p>tag<span> $</span></p>
</div>

  • 学习网址

表单提交

th:action
  • th:action="@{/aBcd/eee}" 表单提交地址，相当于action

解析数据

th:object
th:field
th:value
th:text
th:utext
  • th:object="${xxForm}" 解析后端传前端的数据使用
  • th:field="*{name}"
    <div th:object="${userInfoForm}">                                                                       
     <p>name: <span th:text="*{name}">XXXX</span>.</p>
     <input th:field="*{name}"/>    
</div>
  • th:value="${intermediary.piCode}" 解析后端传前端的数据使用
    <input th:value="${userInfoForm.name}"/>
  • th:field="*{name}" 等同于th:name和th:value，而 th:value="${intermediary.piCode}" 只为value
    th:field="*{name}" 在前面要有使用th:object才可以使用
  • th:text="${message}" 文本替换
  • th:utext="${message}" 支持html的文本替换
    当前日期:<span th:text="${dt}"></span>超出平均值 <span th:text="${ratioPercent}+'%'"></span>

emmm

  • th:checked=“true” 复选框选中

    <input type="checkbox" name="typeCustomer" value="1" th:checked="*{customerType} eq '1'"/>

  • th:if="${code}"

    <span th:if="*{code != null}" th:text="*{code}"></span>

<!--if属性结果为 true，模板会进行显示-->
<p th:if="true">th:if="true"</p>
<!--if属性结果为 false，模板不会进行显示-->
<p th:if="false">th:if="false"</p>

  • th:each=“intermediary:${intermediaryList}” 遍历

    <tr th:each="user : ${userList}">
  <td th:text="${user.name}">xxx</td>
</tr>

  • 学习网址

th:block

  • 块标签（空标签），标签本身不显示
    <th:block th:if='${1!=1}'>
	<button class="btn btn-default" data-toggle="modal" data-target="#myModal">
	   <i class="fa fa-plus"></i> 新增2不显示
	</button>
</th:block>
  • th:classappend=“big-big” 在不改变标签内class属性的前提下，添加某class样式
    <div class="big-box" th:classappend="${captchaEnabled == false} ? 'm-t': ''">111</div>
LuckyGuyy
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Thymeleaf 用法大全
weixin_47371330的博客
10-17 1970
Thymeleaf 用法大全 快速入门 下载官网文档：https://www.thymeleaf.org/ 快速入门哦！可以仿照下面的步骤自己操作。 为什么选择Thymeleaf 我们知道Spring MVC本身是支持多种视图技术。视图技术不推荐使用 JSP，官方推荐使用一些第三方的模板引擎：Thymeleaf、FreeMarker、Mustache、Velocity等各种模板引擎。 同时还为开发者提供了自定义模板扩展的支持。它可以完全替代 JSP 。使用嵌入式Servlet容器时，请避免使用JSP，
一文教你学会使用 th:block
Wu_yongtao的博客
04-23 3549
th:block 笔记 文章目录th:block 笔记说明1. 官方文档2. 使用说明3. 特别之处(1) `th:block` 特性(2) 同时控制多个相连标签是否显示(3) 循环同级标签 说明 时间赶的话可以直接看 2 中的粗体部分，和 3 分行被csdn吞了，2 部分排版紧凑点，后续修改一下。 1. 官方文档 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#synthetic-thblock-tag 2. 使用说明
Thymeleaf功能标签th：block
热门推荐
yilei_forwork的博客
08-14 4万+
  最近项目中添加一些按钮的显示和隐藏，让不同授权的用户登录，拥有不同的按钮权限。 设计流程： 定义一个按钮表，关联user的id存入mdm_address_add字符，按钮名称新增，用户登录通过该id找到mdm_address_add,取出存入session，页面通过thymeleaf获取session，校验是否包含有这段字符，如果有显示下面按钮，没有则隐藏。 后台取值存入sessio...
Thymeleaf标签 th:remove
哈
07-26 753
示例：SpringBoot仅错误页面源代码而不在页面中显示错误信息给开发测试人员 第一步：编写自定义统一处理异常的控制器代码： @Log4j2 @ControllerAdvice public class ExceptionHandlerController { @ExceptionHandler(Exception.class) public ModelAndView exceptionHandler(HttpServletRequest request, Exception e) {
thymeleaf th:block 使用
weixin_43931625的博客
08-12 7526
thymeleafth:blcok使用
thymeleaf块标签th:block，标签本身不显示
ruth13156402807的博客
05-26 2879
thymeleaf块标签（空标签）th:block，标签本身不显示 th:block</th:block>是Thymeleaf提供的唯一的一个Thymeleaf块级元素，其特殊性在于Thymeleaf模板引擎在处理th:block的时候会删掉它本身，标签本身不显示，而保留其内容，应用场景主要有如下两个： 1、同时控制相连两个标签是否显示 如下代码： <div id="div1" th:if="..."> </div> <div id="div2" th:if="..
Thymeleaf注释和块th:block
allway2的博客
10-19 557
标准 HTML/XML 注释可以在百里叶模板中的任何位置使用。Thymeleaf允许在模板静态打开（即作为原型）时将标记为注释的特殊注释块定义为注释，但在执行模板时，Thymeleaf将其视为正常标记。Thymeleaf的解析系统将简单地删除和标记，但不会删除其内容，因此将不加注释。请注意此解决方案如何允许模板成为有效的HTML（无需在内部添加禁止块），并且在浏览器中作为原型静态打开时仍然可以正常工作！解析器级注释块是在Thymeleaf解析模板时从模板中删除的代码。11.4. 合成标签。
史上最全的thymeleaf标签（思维导图）
02-02
不断完善的tyhmleaf标签
thymeleaf常用标签页面
06-11
thymeleaf常用标签页面
thymeleaf材料
最新发布
01-19
学习Thymeleaf，不仅能够提升Web应用的用户体验，还能够使开发者从繁琐的JSP标签中解脱出来，更专注于业务逻辑的实现。通过深入理解并熟练应用Thymeleaf，开发者可以构建出更加优雅、易读且可维护的前端模板。
thymeleaf的使用
01-27
前端页面使用Thymeleaf标签结合数据进行渲染。 例如，一个简单的Thymeleaf页面可能如下所示： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> 默认页面标题 ...
thymeleaf参考文件
01-26
通过对"thymeleaf"标签的学习，开发者能够更好地掌握这一工具，为构建高质量的Web应用打下坚实的基础。提供的压缩包文件"thymeleaf"可能包含了详细的文档和示例，这些资源对于学习和掌握Thymeleaf的各个方面非常有...
thymeleaf高级使用
Antg的博客
08-27 1397
一.th:onclick 语法: 如果需要使用th:onclick,这个时候我们需要把代码用||包裹起来，之后在||里面就可以添加表达式了如${}，或者@{}。 <button class="layui-btn" th:onclick="|xadmin.open('添加用户','@{/user/add}',600,400)|"> 添加 </button> 注意: 如果需要传参是数值或者布尔类型,可以直接写,其他类型需要使用data-变量名的方式来传值,主要是为了防止脚本注入 例
hymeleaf块标签（空标签）th:block，标签本身不显示
已被格式化的叔叔
09-20 1824
参考链接：http://www.yyjjssnn.cn/articles/849.html <th:block></th:block>是Thymeleaf提供的唯一的一个Thymeleaf块级元素，其特殊性在于Thymeleaf模板引擎在处理<th:block>的时候会删掉它本身，标签本身不显示，而保留其内容 ...
thmeleaf模板引擎使用总结
程序三两行
09-18 5182
开发传统Java WEB工程时，我们可以使用JSP页面模板语言，但是在SpringBoot中已经不推荐使用了。 简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP
Thymeleaf系列【7】局部变量、属性优先级、注释、 th:block标签
记录知识、锤炼自我
07-21 1065
9 局部变量 Thymeleaf 将局部变量称为为模板的特定片段定义的变量，并且仅可用于该片段内的评估。 我们已经看到的一个例子是prod我们产品列表页面中的iter 变量： ... 该prod变量仅在标签范围内可用。具体来说： 这将可用于任何其他th:*在该标签用更少执行属性优先级比th:each（这意味着它们将后执行th:each）。 它将可用于标记的任何子元素，例如任何元素。 Thymeleaf 为您提供了一种无需迭代即可使用th:with属性声明局部变量的方法，其语法类似于属性值赋值：
SpringBoot使用Thymeleaf模板引擎
pan_junbiao的博客
04-21 4861
1、认识Thymeleaf SpringBoot主要支持Thymeleaf、Freemarker、Mustache、 Groovy Templates等模板引擎。Thymeleaf可以轻易地与SpringMVC等Web框架进行集成。Thymeleaf语法并不会破坏文档的结构，所以Thymeleaf模板依然是有效的HTML文档。模板还可以被用作工作原型，Thymeleaf会在运行期内替换掉静态值。...
Thymeleaf将字符串转换为数字
HongYu012的博客
03-09 2347
Thymeleaf将字符串转换为数字 Thymeleaf将字符串转换为数字！ 近期努力敲代码的时候遇到一个问题，某个字段在后端使用的是String存储，但是前端thymeleaf模板需要使用这个字段做数字加减，因为是字符串所以变成了字符串的相加（比如：'1'+'1'='11'），如果此时更改后端较为麻烦，还需要更改数据库，只能想办法转换一下。 网上查找没有相关资料且质量堪忧，所以自己写一篇文章希望可以帮助到有需要的人，特此记录。 问题截图： 代码截图： 起初以为Thymeleaf有提供I
thymeleaf 标签页
08-26
- *1* *2* *3* [thymeleaf标签的使用（传值到页面、弹窗；引入其他的html页面的部分页面）](https://blog.csdn.net/Hiber12/article/details/108632669)[target="_blank" data-report-click={"spm":"1018.2226.3001....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值