模板引擎Thymeleaf?来这一篇就够用了

Bambi ·
更新时间:2024-09-21
· 690 次阅读

写在前面

模板页面中的 html 上需要声明 Thymeleaf 的命名空间,具体代码如下

这样比如我们在Idea中编写ThymeLeaf代码的时候,就会有相关的代码提示。

th:text和th:utext

这两个标签用于文本内容的显示操作,他们功能相近,只有区别于会不会解析。

th:text 进行文本替换 不会解析html th:utext 进行文本替换 会解析html 示例

我们编写一个这样的代码

@RequestMapping("/th") public String th(Model model){ String msg = "

我是h1

"; model.addAttribute("msg",msg); return "/course/th"; }

对于th:text,在HTML页面中这样编写,如下

因为text不会进行解析,将会获得如下结果

text标签:

我是h1

对于th:utext在HTML页面中这样编写,如下

因为utext会进行解析,将会获得如下结果
在这里插入图片描述
当然,这里提示一下的是,使用 + 和 | | 效果是一样的,如下代码所示

字符串拼接

拼接字符串通过 + 或者 | 进行拼接,请求我们先编写一个这样的代码,以及使用下面的HTML模板

@RequestMapping("/th") public String th(Model model){ model.addAttribute("a",1); model.addAttribute("b",2); return "/course/th"; } #模板一 #模板二 #模板三

${b}">

所得结果如下

#结果一

3

#结果二

1 2

#结果三

false

我们换过一个java代码,以及使用下面的HTML模板

@RequestMapping("/th") public String th(Model model){ model.addAttribute("flag",true); return "/course/th"; }

得到如下结果:

false

*{…}和 ${…}表达式

一般情况下 *{…} 和 ${…}是一样的,但是 *{…} 一般和 th:object 一起使用来完成对象属性的简写,我们来举个例子,用如下java代码

@RequestMapping("/th") public String th(Model model){ User user = new User("ljk",18); model.addAttribute("user",user); return "/course/th"; }

模板操作

#使用 ${...}操作 #使用 *{...}操作

两个获得的结果都是如下

ljk

18

我们这里来试试使用 *{…}特有操作

会得到如下结果页面:

ljk

18

#{…}表达式

用于国际化message.properties 属性读取,定义message_zh_CN.properties 配置文件
#模板二 查看 #模板三 查看

结果页面:

#结果一 #结果二 查看 #结果三 查看 th:if和th:unless th:if 当条件为true则显示。 th:unless 当条件为false 则显示。

java代码:

@RequestMapping("/thif") public String thif(Model model){ model.addAttribute("flag",true); return "/course/thif"; }

模版页面:

#模板一

if判断

#模板二

unless 判断

结果页面:

if判断

unless 判断

switch th:switch 我们可以通过switch来完成类似的条件表达式的操作。

java代码:

@RequestMapping("/thswitch") public String thswitch(Model model){ User user = new User("ljk",23); model.addAttribute("user",user); return "/course/thswitch"; }

模版页面:

User is ljk

User is ljk1

结果页面:

User is ljk

for循环 th:each 遍历集合

java代码:

@RequestMapping("/theach") public String theach(Model model){ List userList = new ArrayList(); User user1 = new User("ljk",18); User user2 = new User("ljk2",19); User user3 = new User("ljk3",20); User user4 = new User("lj4",21); userList.add(user1); userList.add(user2); userList.add(user3); userList.add(user4); model.addAttribute("userList",userList); List strList = new ArrayList(); strList.add("ljk"); strList.add("ljk2"); strList.add("ljk3"); strList.add("lj4"); model.addAttribute("strList",strList); return "/course/theach"; }

模版页面:

用户名称 用户年龄
Onions 2.41
----------------------------------------------------------------------
用户名称
Onions

结果页面:
在这里插入图片描述
这里解释一下th:class="${strStat.odd}? 'odd'",我们可以通过便利的变量名+Stat 来获取索引 是否是第一个或最后一个等。
便利的变量名+Stat称作状态变量,其属性有:

index:当前迭代对象的迭代索引,从0开始,这是索引属性; count:当前迭代对象的迭代索引,从1开始,这个是统计属性; size:迭代变量元素的总量,这是被迭代对象的大小属性; current:当前迭代变量; even/odd:布尔值,当前循环是否是偶数/奇数(从0开始计算); first:布尔值,当前循环是否是第一个; last:布尔值,当前循环是否是最后一个 th:href

用于声明在a 标签上的href属性的链接 该语法会和@{…} 表达式一起使用。
java代码

@RequestMapping("/thhref") public String thhref(Model model){ return "/course/thhref"; }

模板页面

返回首页

结果页面:

返回首页 th:class

用于声明在标签上class 属性信息。
java代码:

@RequestMapping("/thclass") public String thclass(Model model){ return "/course/thclass"; }

模版页面:

结果页面:

even

th:attr

用于声明html中或自定义属性信息。

java代码:

@RequestMapping("/thattr") public String thattr(Model model){ return "/course/thattr"; }

模版页面:

结果页面:

th:value

用于声明html中value属性信息。
java代码:

@RequestMapping("/thvalue") public String thvalue(Model model){ model.addAttribute("name", "ljk"); return "/course/thvalue"; }

模版页面:

结果页面:

th:action

用于声明html from标签中action属性信息。
java代码:

@RequestMapping("/thaction") public String thaction(Model model){ return "/course/thaction"; }

模版页面:

结果页面:

th:id

用于声明htm id属性信息。
java代码:

@RequestMapping("/thid") public String thid(Model model){ model.addAttribute("id", 123); return "/course/thid"; }

模版页面:

结果页面:

th:inline

JavaScript内联 操作使用的语法,具体请参考下面内联操作相关介绍

th:onclick

用于声明htm 中的onclick事件。

java代码:

@RequestMapping("/thonclick") public String honclick(Model model){ return "/course/thonclick"; }

模版页面:

Insert title here function showUserInfo(){ alert("i am zhuoqianmingyue!") }

点我

结果页面:

点我

th:selected

用于声明htm 中的selected属性信息。

java代码:

@RequestMapping("/thselected") public String thselected(Model model){ model.addAttribute("sex", 1); return "/course/thselected"; }

模版页面:

男 女

结果页面:

男 女 th:src

用于声明htm 中的img中src属性信息。

java代码:

@RequestMapping("/thsrc") public String thsrc(Model model){ return "/course/thsrc"; }

模版页面:

结果页面:

th:style

用于声明htm中的标签 css的样式信息。

java代码:

RequestMapping("/thstyle") public String thstyle(Model model){ model.addAttribute("isShow", true); return "/course/thstyle"; }

模版页面:

结果页面:

th:with

用于thymeleaf 模版页面中局部变量定义的使用。

java代码:

#代码一 @RequestMapping("/thwith") public String thwith(Model model){ model.addAttribute("today", new Date()); return "/course/thwith"; } #代码二 @RequestMapping("/thwith") public String thwith(Model model){ List users = new ArrayList(); users.add(new User("ljk",18)); users.add(new User("ljk2",18)); model.addAttribute("users",users); return "/course/thwith"; }

模版页面:

#模板一

Today is: 13 February 2011

#模板二

第一个用户的名称是: .

结果页面:

#结果一 02/02/2020 06:52 #结果二

第一个用户的名称是: ljk.

还有一种用法是在模版布局中带参数的引用片段中使用方式如下:

具体演示请参考模版布局中的介绍。

Elvis运算符

Elvis运算可以理解成简单的判断是否为null的三元运算的简写,如果值为null显示默认值,如果不为null 则显示原有的值。

java代码:

#代码一 @RequestMapping("/elvis") public String elvis(Model model){ model.addAttribute("age", null); return "/course/elvis"; } #代码二 @RequestMapping("/elvis") public String elvis(Model model){ model.addAttribute("age2", 18); return "/course/elvis"; }

模版页面:

#模板一

Age:

#模板二

Age2:

结果页面:

#结果一

Age: 年龄为nll

#结果二

Age2: 18

三元表达式

我们可以在thymeleaf 的语法中使用三元表达式 具体使用方法是在th:x 中通过 表达式?1选项:2选项。

java代码:

#代码一 @RequestMapping("/threeElementOperation") public String threeElementOperation(Model model){ return "/course/threeElementOperation"; } #代码二 @RequestMapping("/threeElementOperation") public String threeElementOperation(Model model){ model.addAttribute("name", "ljk"); return "/course/threeElementOperation"; }

模版页面:

#模板一 #模板二

结果页面:

#结果一

even

#结果二

帅哥

条件表达式操作字符:

gt:great than(大于) ge:great equal(大于等于) eq:equal(等于) lt:less than(小于) le:less equal(小于等于) ne:not equal(不等于) No-Operation(_)

Elvis运算符 的一种特殊简写操作,当显示的值为null 是就什么都不做。
java代码:

@RequestMapping("/noOperation") public String noOperation(Model model){ model.addAttribute("name", null); return "/course/noOperation"; }

模版页面:

no user authenticated

结果页面:

no user authenticated

标准方言中存在以下固定值布尔属性:

th:async th:autofocus th:autoplay
th:checked th:controls th:declare
th:default th:defer th:disabled
th:formnovalidate th:hidden th:ismap
th:loop th:multiple th:novalidate
th:nowrap th:open th:pubdate
th:readonly th:required th:reversed
th:scoped th:seamless th:selected

针对特定的HTML5属性:

th:abbr th:accept th:accept-charset
th:accesskey th:action th:align
th:alt th:archive th:audio
th:autocomplete th:axis th:background
th:bgcolor th:border th:cellpadding
th:cellspacing th:challenge th:charset
th:cite th:class th:classid
th:codebase th:codetype th:cols
th:colspan th:compact th:content
th:contenteditable th:contextmenu th:data
th:datetime th:dir th:draggable
th:dropzone th:enctype th:for
th:form th:formaction th:formenctype
th:formmethod th:formtarget th:fragment
th:frame th:frameborder th:headers
th:height th:high th:href
th:hreflang th:hspace th:http-equiv
th:icon th:id th:inline
th:keytype th:kind th:label
th:lang th:list th:longdesc
th:low th:manifest th:marginheight
th:marginwidth th:max th:maxlength
th:media th:method th:min
th:name th:onabort th:onafterprint
th:onbeforeprint th:onbeforeunload th:onblur
th:oncanplay th:oncanplaythrough th:onchange
th:onclick th:oncontextmenu th:ondblclick
th:ondrag th:ondragend th:ondragenter
th:ondragleave th:ondragover th:ondragstart
th:ondrop th:ondurationchange th:onemptied
th:onended th:onerror th:onfocus
th:onformchange th:onforminput th:onhashchange
th:oninput th:oninvalid th:onkeydown
th:onkeypress th:onkeyup th:onload
th:onloadeddata th:onloadedmetadata th:onloadstart
th:onmessage th:onmousedown th:onmousemove
th:onmouseout th:onmouseover th:onmouseup
th:onmousewheel th:onoffline th:ononline
th:onpause th:onplay th:onplaying
th:onpopstate th:onprogress th:onratechange
th:onreadystatechange th:onredo th:onreset
th:onresize th:onscroll th:onseeked
th:onseeking th:onselect th:onshow
th:onstalled th:onstorage th:onsubmit
th:onsuspend th:ontimeupdate th:onundo
th:onunload th:onvolumechange th:onwaiting
th:optimum th:pattern th:placeholder
th:poster th:preload th:radiogroup
th:rel th:rev th:rows
th:rowspan th:rules th:sandbox
th:scheme th:scope th:scrolling
th:size th:sizes th:span
th:spellcheck th:src th:srclang
th:standby th:start th:step
th:style th:summary th:tabindex
th:target th:title th:type
th:usemap th:value th:valuetype
th:vspace th:width th:wrap
th:xmlbase th:xmllang th:xmlspace
内联

如何使用内连操作,我们可以通过在父标签声明 th:inline=“text” 来开启内联操作。当然如果想整个页面使用可以直接声明在body上即可。具体使用方式如下面代码所示。

模版页面:

Hello, [[${user.name}]]!

结果内容如下:

Hello,zhuoqianmingyue!

这样的操作和使用th:text是等同的。

[[…]]对应于th:text,[(…)]对应于th:utext

禁用内联操作

这我们可以通过在父标签或者本标签上声明th:inline="none"来禁用内联的操作,如下面代码所示:
模版页面:

A double array looks like this: [[1, 2, 3], [4, 5]]!

结果页面:

A double array looks like this: [[1, 2, 3], [4, 5]]!

JavaScript内联

如果我们想在JavaScript 中使用内联操作,需要在 script 标签上声明 th:inline=“javascript” 然后我们就可以 script 标签中使用内联操作了。具体使用方式如下面代码所示:
模版页面:

var username = [[${user.name}]];

结果页面:

var username = "zhuoqianmingyue"; CSS内联

我们可以通过在 style 标签上声明 th:inline=“css” 来开启在css中使用内联的操作,具体操作方式如下:

...

例如,假设我们将两个变量设置为两个不同的String值:classname = 'main_elems’以及align = ‘center’
我们可以像以下一样使用它们:

.[[${classname}]] { text-align: [[${align}]]; }

结果页面:

.main_elems { text-align: center; } 模板布局 定义引用片段代码

SpringBoot2.0 使用模版模版布局需要先引入 thymeleaf的 thymeleaf-layout-dialect依赖

nz.net.ultraq.thymeleaf thymeleaf-layout-dialect

定义footer.html页面 该页面就是我们的引用片段代码

Title
© 2011 The Good Thymes Virtual Grocery

我们可以通过 th:fragment 来定义引用片段,然后可以在其他页面进行引用。定义引用页面 index.html

Title

通过 th:insert 和 ~{…}片段引用表达式 进行引入footer.html中定义的片段,定义访问index页面的 controller

@Controller @RequestMapping("/layout") public class LayOutController { @RequestMapping("/index") public String index(){ return "/layout/index"; } }

结果页面:

© 2011 The Good Thymes Virtual Grocery

如下面的代码2种方式的写法是一致的。如果你觉得~{footer :: copy}写法比较麻烦可以采用简写的方式footer :: copy。

通过id属性来声明片段

我们可以通过 th:fragment 来定义引用片段,但是我们也可以通过在引用片段代码上声明id属性的方式进行片段的引用,具体操作方式如下:定义引用片段代码模版页面 footer.html

Title
© 2011 The Good Thymes Virtual Grocery

引用引用片段的模版页面:index.html

Title

结果页面:

© 2011 The Good Thymes Virtual Grocery

footer :: #copy-section和~{footer :: #copy-section} 结果是一致的。

th:insert和th:replace(和th:include)之间的区别 th:insert 是最简单的:他会将使用th:insert的标签 和引用片段的内容都显示出来 th:replace 插入引用片段的标签和内容 th:include类似于th:insert,只插入此片段的内容。 th:insert

java代码:

@Controller @RequestMapping("/layout") public class LayoutController { @RequestMapping("/index2") public String index2(Model model) { return "/layout/index2"; } }

声明引用片段模版页面:footer2.html

Insert title here
© 2011 The Good Thymes Virtual Grocery

引用片段模版页面:index2.html

Insert title here
#th:insert 结果:
© 2011 The Good Thymes Virtual Grocery
#th:replace结果:
© 2011 The Good Thymes Virtual Grocery
#th:include结果:
© 2011 The Good Thymes Virtual Grocery
带参数的引用片段

定义引用片段代码模版页面 footer.html

Insert title here

...

引用引用片段的模版页面:index.html

Insert title here

结果页面:

a - b

th:insert=“footer ::frag (onevar=‘a’,twovar=‘b’)” 和th:insert=“footer :: frag(‘a’,‘b’)效果是相等的。还有另一种写法就是使用th:with
th:insert=”::frag" th:with=“onevar=‘a’,twovar=‘b’”

删除模版片段

我们为了方便通过直接查看下面的页面 productList.html (主要是为了作为原型页面进行查看)我们需要添加一些模拟数据。

NAME PRICE IN STOCK COMMENTS
Onions 2.41 yes 2 comment/s view
Blue Lettuce 9.55 no 0 comment/s
Mild Cinnamon 1.99 yes 3 comment/s view

在上面的代码中模拟数据的代码,但是我们通过正常的controller访问该页面的时候会显示出下面的模拟数据。

Blue Lettuce 9.55 no 0 comment/s Mild Cinnamon 1.99 yes 3 comment/s view

thymeleaf 为我们提供了 th:remove 帮助我们解决这个问题:

Blue Lettuce 9.55 no 0 comment/s Mild Cinnamon 1.99 yes 3 comment/s view

我们在模拟数据上声明th:remove=“all” 后在此通过url访问 没有了我们之前的模拟数据

all属性中的这个值是什么意思?th:remove可以根据其价值以五种不同的方式表现:

all:删除包含标记及其所有子标记。 body:不要删除包含标记,但删除其所有子标记。 tag:删除包含标记,但不删除其子项。 all-but-first:删除除第一个之外的所有包含标记的子项。 none: 没做什么。此值对于动态评估很有用。当我们知道没有属性的含义后我们可以通过在 声明一次即可,无需在通过定义多个 th:remove=“all” 预定义的工具对象 dates

处理日期数据 生成,转换,获取日期的具体天数 年数。
java代码:

@RequestMapping("/dates") public String dates(Model model) throws ParseException{ Date date = new Date(); model.addAttribute("date",date); String dateStr = "2018-05-30"; SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd"); Date date2 = sdf.parse(dateStr); Date[] datesArray = new Date[2]; datesArray[0] = date; datesArray[1] = date2; model.addAttribute("datesArray",datesArray); List datesList = new ArrayList(); datesList.add(date); datesList.add(date2); model.addAttribute("datesList",datesList); return "/course/dates"; } format操作

java代码:

#代码一 Date date = new Date(); #代码三 Date[] datesArray = new Date[2]; datesArray[0] = date; datesArray[1] = date2; #代码四 List datesList = new ArrayList(); datesList.add(date); datesList.add(date2); model.addAttribute("datesList",datesList);

模版页面:

#模板一 4564546 #模板二 4564546 #模板三 #模板四

结果页面:

#结果一 2020年1月30日 上午10时03分24秒 结果二 30/一月/2020 10:03 #结果三

2019-05-30 10:03

#结果四

[30/五月/2019 10:03, 30/五月/2018 00:00]

获取日期属性操作

java代码:

#代码一 Date date = new Date();

模版页面:

#模板一 #模板二 #模板三 #模板四 #模板五 #模板六 #模板七 #模板八 #模板九 #模板十 #模板十一 #模板十二

结果页面:

#结果一

30

#结果二

5

#结果三

五月

#结果四

五月

#结果五

2019

#结果六

5

#结果七

星期四

#结果七

星期四

#结果八

10

#结果九

10

#结果十

45

#结果十一

853

生成日期操作

模版页面:

#模板一 #模板二 #模板三 #模板四 #模板五 #模板六

结果页面:

#结果一

Thu May 30 10:15:55 CST 2019

#结果二

2019年5月30日 上午10时15分55秒

#结果三

Thu May 30 00:00:00 CST 2019

#结果四

Fri May 31 10:18:00 CST 2019

#结果五

Thu May 30 10:18:34 CST 2019

#结果六

Thu May 30 00:00:00 CST 2019

numbers

处理数字数据的转换。包括:

对不够位数的数字进行补0(formatInteger ) 设置千位分隔符(formatInteger) 精确小数点(formatDecimal ) 设置百分号(formatPercent ) 生成数组(sequence )
代码演示: @RequestMapping("/numbers") public String numbers(Model model) throws ParseException{ return "/course/numbers"; } 数字进行补0操作

模板代码:

结果页面:

0123

123

123

Java代码

@RequestMapping("/numbers") public String numbers(Model model) throws ParseException{ List numList = new ArrayList(); numList.add(1); numList.add(12); numList.add(13); model.addAttribute("numList",numList); return "/course/numbers"; }

模板代码:

结果页面:

[001, 012, 013]

千位分隔符操作

模板代码:

结果页面:

1.000

001.000

0.001.000

1,000

1 000

1000

1,000

精确小数点操作

模板代码:

结果页面:

010.12

01.000,12

钱显示符号操作

模板代码:

结果页面:

¥1,000.00

百分比操作

模板代码:

结果页面:

20.0000%

020.00%

生成数组操作

模板代码:

结果页面:

0

1

2

3

4

0

1

2

3

4

0

2

4

strings

处理String的相关操作,包括:

字符串转换(toString) 检查字符串是否为空(isEmpty) 字符串是为空替换操作(defaultString) 检查字符串中是否包含某个字符串(contains + containsIgnoreCase) 检查字符串是以片段开头还是结尾(startsWith endsWith) 截取(substring substringAfter) 替换(replace) 追加(prepend append) 变更大小写(toUpperCase toLowerCase) 拆分和组合字符串(arrayJoin arraySplit) 去空格(trim) 缩写文本(abbreviate) 字符串连接(concat)

java 代码

@RequestMapping("/strings") public String strings(Model model){ Object object = "123"; model.addAttribute("object",object); List numList = new ArrayList(); numList.add(1); numList.add(12); numList.add(13); model.addAttribute("numList",numList); } Object object = "123";

模板代码:

结果页面:

123

toString操作

Java代码

Object object = "123"; List numList = new ArrayList(); numList.add(1); numList.add(12); numList.add(13);

模板代码:

结果页面:

123

[1, 12, 13]

isEmpty操作

Java代码

String name = null;

模板代码:

结果页面:

true

Java代码

List nameList = new ArrayList(); nameList.add("1"); nameList.add(null);

模板代码:

结果页面:

[false, true]

Java代码

Set nameSet = new HashSet(); nameSet.add(null); nameSet.add("1");

模板代码:

结果页面:

[true, false]

defaultString操作

Java代码

String name = null;

模板代码:

结果页面:

该值为null

Java代码

List nameList = new ArrayList(); nameList.add("1"); nameList.add(null);

模板代码:

结果页面:

[abc, 该值为null]

contains操作

模板代码:

结果页面:

true

true

startsWith endsWith 操作

模板代码:

结果页面:

true

true

indexOf操作

模板代码:

结果页面:

3

substring操作

模板代码:

结果页面:

ef

replace操作

模板代码:

结果页面:

lerabce

prepend操作

模板代码:

结果页面:

012abc

append操作

模板代码:

结果页面:

abc456

toUpperCase操作

模板代码:

结果页面:

ABC

toLowerCase操作

模板代码:

结果页面:

abc

length操作

模板代码:

结果页面:

3

trim操作

模板代码:

结果页面:

abc

abbreviate操作

模板代码:

结果页面:

1234567...

#objects

处理Object对象的操作 包含obj不为空返回改值如果为空返回默认值(nullSafe)
java代码

@RequestMapping("/objects") public String objects(Model model){ Object obj = null; model.addAttribute("obj",obj); }

模板代码:

结果页面:

该对象为null

#bools

判断对象是否为ture或者是否为false的操作。

数字 1 为 ture , 0 为 false; “on” 为 true, “off” 为false; “true” 为true, "false"为 false; isTrue操作

模板代码:

结果页面:

true

false

true

false

true

false

true

false

#arrays

处理数组的相关操作的内置对象,包含:

转换数组 toStringArray toIntegerArray 获取数组的长度(length ) 判断数组是否为空(isEmpty ) 是否包含某个元素(contains) 是否包含一批元素(containsAll) 其中 toStringArray 等操作接受的是Object对象,containsAll 接受+ 一批元素支持数组和集合的参数。 toStringArray操作

java代码

@RequestMapping("/arrays") public String arrays(Model model){ List object = new ArrayList(); object.add("1"); object.add("2"); model.addAttribute("object",object); }

模板代码:

结果页面:

[Ljava.lang.String;@3cca655d

length操作

java代码

Integer[] array = {1,2,3};

模板代码:

结果页面:

3

isEmpty操作

java代码

Integer[] array = {1,2,3};

模板代码:

结果页面:

false

contains操作

java代码

Integer[] array = {1,2,3};

模板代码:

结果页面:

true

containsAll操作

java代码

Integer[] array = {1,2,3}; Integer[] array2 = {1,3};

模板代码:

结果页面:

true

#lists

处理 list 相关操作的内置对象,包括:

计算长度(size) 检查list是否为空(isEmpty) 检查元素是否包含在list中(contains,containsAll) 对给定list的副本排序(sort)
java代码 @RequestMapping("/lists") public String lists(Model model){ List list = new ArrayList(); list.add(1); list.add(3); list.add(2); model.addAttribute("list",list); }

模板代码:

结果页面:

3

java代码:

List list = new ArrayList(); list.add(1); list.add(3); list.add(2);

模板代码:

结果页面:

false

java代码:

List list = new ArrayList(); list.add(1); list.add(3); list.add(2);

模板代码:

结果页面:

true

java代码:

List list = new ArrayList(); list.add(1); list.add(3); list.add(2); List list2 = new ArrayList(); list2.add(1); list2.add(2);

模板代码:

结果页面:

true

java代码:

List list = new ArrayList(); list.add(1); list.add(3); list.add(2);

模板代码:

结果页面:

[1, 2, 3]

#sets

处理 set 相关操作的内置对象,包括:

转换为Set(toSet) 计算长度(size) 检查set是否为空(isEmpty) 检查元素是否包含在set中 (contains,containsAll) size操作

java代码

@RequestMapping("/sets") public String sets(Model model){ Set set = new HashSet(); set.add(1); set.add(2); set.add(3); set.add(4); model.addAttribute("set",set); }

模板代码:

结果页面:

3

isEmpty 操作

java代码:

Set set = new HashSet(); set.add(1); set.add(2); set.add(3); set.add(4);

模板代码:

结果页面:

false

contains操作

java代码:

Set set = new HashSet(); set.add(1); set.add(2); set.add(3); set.add(4);

模板代码:

结果页面:

true

containsAll操作

java代码

Set set = new HashSet(); set.add(1); set.add(2); set.add(3); set.add(4); Integer[] elements = {1,2}; model.addAttribute("elements",elements);

模板代码:

结果页面:

true

sort操作

java代码:

Set set = new HashSet(); set.add(1); set.add(2); set.add(3); set.add(4);

模板代码:

结果页面:

[1, 2, 3]

#maps

处理 map相关操作的内置对象,包括:

计算长度(size) 检查map是否为空(isEmpty) 检查映射中是否包含键或值(containsKey,containsAllKeys,containsValue)

java代码:

@RequestMapping("/maps") public String maps(Model model){ Map map = new HashMap(); map.put("1",1); map.put("2",2); map.put("3",3); model.addAttribute("map",map); }

模板代码:

结果页面:

3

java代码:

Map map = new HashMap(); map.put("1",1); map.put("2",2); map.put("3",3);

模板代码:

结果页面:

false

java代码:

Map map = new HashMap(); map.put("1",1); map.put("2",2); map.put("3",3);

模板代码:

结果页面:

true

java代码:

Map map = new HashMap(); map.put("1",1); map.put("2",2); map.put("3",3); String[] keys = {"1","2"}; model.addAttribute("keys",keys);

模板代码:

结果页面:

true

java代码:

Map map = new HashMap(); map.put("1",1); map.put("2",2); map.put("3",3);

模板代码:

结果页面:

true

java代码:

Map map = new HashMap(); map.put("1",1); map.put("2",2); map.put("3",3); Integer[] values = {1,2}; model.addAttribute("values",values);

模板代码:

结果页面:

true

#aggregates

用户处理集合或者数组的一些统计操作,包括:

求和(sum) 求平均值(avg) 处理包装类型或基本类型的数组或集合 求和操作

java代码:

@RequestMapping("/aggregates") public String aggregates(Model model){ Integer[] array = {1,2,3,4}; model.addAttribute("array",array); return "/course/aggregates"; }

模板代码:

结果页面:

10

java代码:

List list = new ArrayList(); list.add(1); list.add(2); list.add(3); list.add(4);

模板代码:

结果页面:

10

求平均值操作

java代码:

Integer[] array = {1,2,3,4};

模板代码:

结果页面:

2.5

java代码:

List list = new ArrayList(); list.add(1); list.add(2); list.add(3); list.add(4);

模板代码:

结果页面:

2.5

小结

本文主要介绍 Thymeleaf 的基础用法、内联、模板布局、预定义的工具对象。整体来看Thymeleaf 使用语法还是很强大的。


作者:BoCong-Deng



thymeleaf 模板

需要 登录 后方可回复, 如果你还没有账号请 注册新账号