本篇文章为你整理了Thymeleaf是什么?该如何使用。()的详细内容,包含有 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
html lang="en" xmlns:th="http://www.thymeleaf.org"
然后就可以使用了
然后举个例子
h1 th:text="${隔壁老王}" 法外狂徒张三 /h1
‘隔壁老王’ 这个地方可以使用占位符,我这样写比较直观
我使用的是IntelliJ IDEA 2021.1 (Ultimate Edition)自己就有这个插件。基于manven的,所以你们该导包导包。
!--thymeleaf依赖--
dependency
groupId org.thymeleaf /groupId
artifactId thymeleaf /artifactId
version 3.0.7.RELEASE /version
/dependency
div th:style="display: + @{(${sitrue} ? none : inline-block)} + " /div
和th:if判断相反,满足条件时不显示
a th:href="@{/login} th:unless=${session.user != null}" Login /a !--如果用户已登录,则不显示登录按钮--
布局标签,替换内容到引入的文件
head th:include="layout :: htmlhead" th:with="title=xx" /head
tr th:remove="all" 1.all:删除包含标签和所有的孩子。2.body:不包含标记删除,但删除其所有的孩子。
3.tag:包含标记的删除,但不删除它的孩子。4.all-but-first:删除所有包含标签的孩子,除了第一个。5.none:什么也不做。这个值是有用的动态评估。
设置标签属性,多个属性可以使用逗号分隔
比如 th:attr="src=@{/image/aa.jpg},title=#{logo}",此标签不太优雅,一般用的比较少。
以上就是Thymeleaf是什么?该如何使用。()的详细内容,想要了解更多 Thymeleaf是什么?该如何使用。的内容,请持续关注盛行IT软件开发工作室。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。