Thymeleaf模板
创始人
2024-02-21 16:21:27

Thymeleaf可用于前后端分离,  下图,value="aa", 在本地静态资源可以改变值,但是在web端不可以

前端可以在本地测试,有数据了显示数据  所以前后端分离

 

 

th属性

常用th属性解读
html有的属性,Thymeleaf基本都有,而常用的属性大概有七八个。其中th属性执行的优先级从1~8,数字越低优先 级越高。

 

一、th:text :设置当前元素的文本内容,相同功能的还有th:utext,两者的区别在于前者不会转义html标签,后者 会。优先级不高:order=7 二、th:value:设置当前元素的value值,类似修改指定属性的还有th:srcth:href。优先级不高:order=6 三、th:each:遍历循环元素,和th:text或th:value一起使用。注意该属性修饰的标签位置,详细往后看。优先级很 高:order=2 四、th:if:条件判断,类似的还有th:unlessth:switchth:case。优先级较高:order=3 五、th:insert:代码块引入,类似的还有th:replaceth:include,三者的区别较大,若使用不恰当会破坏html结 构,常用于公共代码块提取的场景。优先级最高:order=1 六、th:fragment:定义代码块,方便被th:insert引用。优先级最低:order=8 七、th:object:声明变量,一般和*{}一起配合使用,达到偷懒的效果。优先级一般:order=4 八、th:attr:修改任意属性,实际开发中用的较少,因为有丰富的其他th属性帮忙,类似的还有th:attrappend, th:attrprepend。优先级一般:order=5

 

常用th属性使用  

使用Thymeleaf属性需要注意点以下五点: 一、若要使用Thymeleaf语法,首先要声明名称空间: xmlns:th="http://www.thymeleaf.org" 二、设置文本内容 th:text,设置input的值 th:value,循环输出 th:each,条件判断 th:if,插入代码块 th:insert,定 义代码块 th:fragment,声明变量 th:object 三、th:each 的用法需要格外注意,打个比方:如果你要循环一个div中的p标签,则th:each属性必须放在p标签上。 若你将th:each属性放在div上,则循环的是将整个div。 四、变量表达式中提供了很多的内置方法,该内置方法是用#开头,请不要与#{}消息表达式弄混。 五、th:insert,th:replace,th:include 三种插入代码块的效果相似,但区别很大。 pom.xml 引入Thymeleaf的依赖,并确定其版本

th:text:

 th:value:

 

 th:each

 

th:if

flag=false时,整个p标签不显示,可以用作登录,登录显示,不登录不显示。

 

 th:insert:   th:fragment

 

 

 

th:object

 

标准表达式语法

${...} 变量表达式,Variable Expressions @{...} 链接表达式,Link URL Expressions #{...} 消息表达式,Message Expressions ~{...} 代码块表达式,Fragment Expressions *{...} 选择变量表达式,Selection Variable Expressions 变量表达式使用频率最高,其功能也是非常的丰富。所以我们先从简单的代码块表达式开始,然后是消息表达式,再是链接表达式,最后是变量表达式,随带介绍选择变量表达式。

链接表达式好处 

不管是静态资源的引用,form表单的请求,凡是链接都可以用 @{...} 。这样可以动态获取项目路径,即便项目名变了,依然可以正常访问 链接表达式结构 无参: @{/xxx} 有参: @{/xxx(k1=v1,k2=v2)} 对应url结构: xxx?k1=v1&k2=v2 引入本地资源: @{/项目本地的资源路径} 引入外部资源: @{/webjars/资源在jar包中的路径} 列举:第三部分的实战引用会详细使用该表达式

 

常用的内置方法

一、strings:字符串格式化方法,常用的Java方法它都有。比如:equals,equalsIgnoreCase,length,trim, toUpperCase,toLowerCase,indexOf,substring,replace,startsWith,endsWith,contains, containsIgnoreCase等 二、numbers:数值格式化方法,常用的方法有:formatDecimal等 三、bools:布尔方法,常用的方法有:isTrue,isFalse等 四、arrays:数组方法,常用的方法有:toArray,length,isEmpty,contains,containsAll等 五、listssets:集合方法,常用的方法有:toList,size,isEmpty,contains,containsAll,sort等 六、maps:对象方法,常用的方法有:size,isEmpty,containsKey,containsValue等   七、dates:日期方法,常用的方法有:format,year,month,hour,createNow等




ITDragon Thymeleaf 内置方法


ITDragon Thymeleaf 内置方法

#strings

Old Str :

toUpperCase :

toLowerCase :

equals :

equalsIgnoreCase :

indexOf :

substring :

replace :

startsWith :

contains :

#numbers

formatDecimal 整数部分随意,小数点后保留两位,四舍五入:

formatDecimal 整数部分保留五位数,小数点后保留两位,四舍五入:

#bools

#arrays

length :

contains :

containsAll :

#lists

size :

contains :

sort :

后台给负责给变量赋值,和跳转页面。 4.3 总结 一、Thymeleaf 是Spring Boot 官方推荐的Java模版引擎框架,其文件扩展名为.html 二、Thymeleaf 几乎支持所有的html属性,用于赋值的th:text和th:value,用于循环遍历的th:each,用于条件判 断的th:if 三、Thymeleaf 提供四种标准的表达式,有丰富内置方法的${},用于国际化的#{},用于代码插入的~{},用于处理 链接的@{} 四、一定要注意循环遍历的th:each和代码插入的th:insert用法,尽量避免破坏html结构的细节问题

#maps

size :

containsKey :

containsValue :

#dates

format :

custom format :

day :

month :

monthName :

year :

dayOfWeekName :

hour :

minute :

second :

createNow :

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...