Spring Thymeleaf入门

html:

xmlns:th="http://www.thymeleaf.org"

 

添加相关依赖

pom.xml

 1 <!--lombok
 2 POJO类常用注解:
 3 @Getter/@Setter: 作用类上，生成所有成员变量的getter/setter方法；作用于成员变量上，生成该成员变量的getter/setter方法。可以设定访问权限及是否懒加载等。-->
 4         <dependency>
 5             <groupId>org.projectlombok</groupId>
 6             <artifactId>lombok</artifactId>
 7         </dependency>
 8 
 9 
10 <!--模板thymeleaf-->
11         <dependency>
12             <groupId>org.thymeleaf</groupId>
13             <artifactId>thymeleaf-spring5</artifactId>
14         </dependency>
15         <dependency>
16             <groupId>org.thymeleaf.extras</groupId>
17             <artifactId>thymeleaf-extras-java8time</artifactId>
18         </dependency>

自动配置

自动给我们默认分配了模版的前缀和后缀，我们只需要按部就班的将模版丢进去即可

 

 

 application

 1 # 应用名称
 2 spring.application.name=demo
 3 # 应用服务 WEB 访问端口
 4 server.port=8080
 5 
 6 #关闭模板引擎的缓存
 7 spring.thymeleaf.cache=false
 8 
 9 #添加起始路径
10 #http://localhost:8080/yxcr/
11 server.servlet.context-path=/yxcr
12 
13 #国际化
14 spring.messages.basename=i18n.login

 

 

Thymeleaf介绍和基本语法使用 

Spring Boot中推荐使用Thymeleaf作为模板引擎.因为Thymeleaf提供了完美的SpringMVC支持.

Thymeleaf是一个java类库，他是一个xml/xhtml/html5的模板引擎，可以作为mvc的web应用的view层。

 

 

 我们把HTML页面放在classpath:/templates/，thymeleaf就能自动渲染；

 

导入thymeleaf的名称空间

 

复制代码
 1 <!DOCTYPE html>
 2 <html lang="en" xmlns:th="http://www.thymeleaf.org">
 3 <head>
 4 <meta charset="UTF‐8">
 5 <title>Title</title>
 6 </head>
 7 <body>
 8 <h1>成功！</h1>
 9 <!‐‐th:text 将div里面的文本内容设置为 ‐‐>
10 <div th:text="${hello}">这是显示欢迎信息</div>
11 </body>
12 </html>
复制代码

 语法规则

 th:text；改变当前元素里面的文本内容

 th：任意html属性；来替换原生属性的值

th:include：加载模板的内容： 读取加载节点的内容（不含节点名称），替换div内容

th:replace：替换当前标签为模板中的标签，加载的节点会整个替换掉加载他的div

th:attr 来设置任意属性

th:attrprepend 来追加(不是替换)属性值

th:classappend

th:each每次遍历都会生成当前这个标签

 th:href="@{...}" 替换url

 th:text="${...}"　　　　 转译特殊字符，特殊符号原方不动输出

th:utext="${...}　　　　会转译字符,特殊符号被转译后输出结果

 行内写法

[[ ]]等价于th:text   　　 

[( )]等价于th:utext　

 

表达式语法

 选择变量表达式: *{...}

  消息表达式: #{...}

 URL 表达式: @{...}

代码段表达式: ~{...}

字面量

文本字面量: 'some text'

 数值字面量: 0, 34, 3.0, 12.3

 布尔值字面量: true, false

 Null 值字面量: null

 Tokens 字面量: one, content, sometext, ...

文本操作符

 字符串连接: +

字面量替换: |The name is ${name}|

 算术操作符

 二元操作符: +, -, *, /, %

 减号(一元操作符): -

 布尔操作符(逻辑操作符)

 二元操作符: and, or

 非(一元操作符): !, not

 比较操作符

比较: >, <, >=, <= (gt, lt, ge, le)

 相等性: ==, != (eq, ne)

 条件操作符

if-then: (if) ? (then)

if-then-else: '(if) ? (then) : (else)'

默认: (value) ?: (defaultvalue)

特殊符号

 忽略 Thymeleaf 操作: _

内置基本对象

 ctx:

 vars

 locale

 request

 response

 session

 servletContext

内置工具对象

execInfo

messages

uris

conversions

dates

calendars

numbers

strings

objects

bools

arrays

lists

sets

maps

aggregates

ids

Link url

 th:href="@{/}"返回首页

 

th:href="@{/thymeleaf/demo1}"跳转demo1 页面

 

th:href="@{/thymeleaf/demo1(username=${employees[0].name})}">去 demo1 页面, 带参数

 

th:href="@{/thymeleaf/demo1/{empId}(empId=${employees[1].id})}">去 demo1 页面, 带 RESTful 风格参数

 

Thymeleaf全部标签

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:frame

th:frameborder

th:headers

th:height

th:high

th:href

th:hreflang

th:hspace

th:http-equiv

th:icon

th:id

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: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

 
posted @ 2021-11-21 16:55  YXCR  阅读(404)  评论(0)    收藏  举报