thymeleaf模板引擎使用

一、在pom文件中引入必要依赖

主要增加 spring-boot-starter-thymeleaf 和 nekohtml 这两个依赖

spring-boot-starter-thymeleaf：Thymeleaf 自动配置
nekohtml：允许使用非严格的 HTML 语法

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><!--允许使用非严格的 HTML 语法--><dependency><groupId>net.sourceforge.nekohtml</groupId><artifactId>nekohtml</artifactId><version>1.9.22</version></dependency>

其中，spring-boot-starter-thymeleaf依赖利用springboot创建向导创建时选择了thymeleaf后会自动生成，而nekohtml依赖则必须手动添加。

二、在application.yml中配置Thymeleaf

spring:
  thymeleaf:cache: false # 开发时关闭缓存,不然没法看到实时页面mode: HTML # 用非严格的 HTMLencoding: UTF-8servlet:  content-type: text/html

三、创建html页面

需要在头部引入命名空间

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

完整的html页面：

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"><head><meta charset="UTF-8"><title>Hello Thymeleaf</title></head><body><div><!--直接获取对象的属性--><span>访问 Model：</span><span th:text="${person.name}"></span></div><div><span>访问列表</span><table><thead><tr><th>姓名</th><th>年龄</th></tr></thead><tbody><tr th:each="human : ${people}"><!--遍历集合people，每一个对象用human表示--><td th:text="${human.name}"></td><!--获取human的name属性--><td th:text="${human.age}"></td><!--获取human的age属性--></tr></tbody></table></div></body></html>

四、编写JavaBean

package com.zzr.hello.entity;import java.io.Serializable;public class PersonBean implements Serializable {private String name;private Integer age;public String getName() {return name;}public void setName(String name) {this.name = name;}public Integer getAge() {return age;}public void setAge(Integer age) {this.age = age;}}

五、编写Controller层测试

package com.zzr.hello.controller;import com.zzr.hello.entity.PersonBean;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestMethod;import java.util.ArrayList;import java.util.List;@Controller@RequestMapping(value = "thymeleaf")//访问路径都需要加上public class IndexController {@RequestMapping(value = "index", method = RequestMethod.GET)//get请求，路径为 /thymeleaf/indexpublic String index(Model model) {//将对象返回到前端页面PersonBean person = new PersonBean();person.setName("张三");person.setAge(22);List<PersonBean> people = new ArrayList<>();PersonBean p1 = new PersonBean();p1.setName("李四");p1.setAge(23);people.add(p1);PersonBean p2 = new PersonBean();p2.setName("王五");p2.setAge(24);people.add(p2);PersonBean p3 = new PersonBean();p3.setName("赵六");p3.setAge(25);people.add(p3);model.addAttribute("person", person);//对象model.addAttribute("people", people);//集合return "index";}}

Thymeleaf 常用语法

修改 html 标签用于引入 thymeleaf 引擎，这样才可以在其他标签里使用 th:* 语法，这是下面语法的前提。

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

获取变量值

<p th:text="'Hello！, ' + ${name} + '!'" >name</p>

可以看出获取变量值用 $ 符号,对于javaBean的话使用 变量名.属性名 方式获取,这点和 EL 表达式一样.

另外 $ 表达式只能写在th标签内部,不然不会生效,上面例子就是使用 th:text 标签的值替换 p 标签里面的值,至于 p 里面的原有的值只是为了给前端开发时做展示用的.这样的话很好的做到了前后端分离.

引入 URL

Thymeleaf 对于 URL 的处理是通过语法 @{…} 来处理的

<a th:href="@{http://www.baidu.com}">绝对路径</a><a th:href="@{/}">相对路径</a><a th:href="@{css/bootstrap.min.css}">Content路径,默认访问static下的css文件夹</a>

类似的标签有:th:href 和 th:src

字符串替换

很多时候可能我们只需要对一大段文字中的某一处地方进行替换，可以通过字符串拼接操作完成：

<span th:text="'Welcome to our application, ' + ${user.name} + '!'">

一种更简洁的方式是：

<span th:text="|Welcome to our application, ${user.name}!|">

当然这种形式限制比较多，|…|中只能包含变量表达式${…}，不能包含其他常量、条件表达式等。

运算符

在表达式中可以使用各类算术运算符，例如+, -, *, /, %

th:with="isEven=(${prodStat.count} % 2 == 0)"

逻辑运算符>, <, <=,>=，==,!=都可以使用，唯一需要注意的是使用<,>时需要用它的HTML转义符：

th:if="${prodStat.count} &gt; 1"
th:text="'Execution mode is ' + ( (${execMode} == 'dev')? 'Development' : 'Production')"

条件

if/unless

Thymeleaf 中使用 th:if 和 th:unless 属性进行条件判断，下面的例子中，标签只有在 th:if 中条件成立时才显示：

<a th:href="@{/login}" th:unless=${session.user != null}>Login</a>

th:unless 于 th:if 恰好相反，只有表达式中的条件不成立，才会显示其内容。

switch

Thymeleaf 同样支持多路选择 Switch 结构：

<div th:switch="${user.role}">
  <p th:case="'admin'">User is an administrator</p>
  <p th:case="#{roles.manager}">User is a manager</p></div>

默认属性 default 可以用 * 表示：

<div th:switch="${user.role}">
  <p th:case="'admin'">User is an administrator</p>
  <p th:case="#{roles.manager}">User is a manager</p>
  <p th:case="*">User is some other thing</p></div>

循环

渲染列表数据是一种非常常见的场景，例如现在有 n 条记录需要渲染成一个表格，该数据集合必须是可以遍历的，使用 th:each 标签：

<body>
  <h1>Product list</h1>
  <table><tr>  <th>NAME</th>  <th>PRICE</th>  <th>IN STOCK</th></tr><tr th:each="prod : ${prods}">  <td th:text="${prod.name}">Onions</td>  <td th:text="${prod.price}">2.41</td>  <td th:text="${prod.inStock}? #{true} : #{false}">yes</td></tr>
  </table>
  <p><a href="../home.html" th:href="@{/}">Return to home</a>
  </p></body>

可以看到，需要在被循环渲染的元素（这里是）中加入 th:each 标签，其中 th:each="prod : ${prods}" 意味着对集合变量 prods 进行遍历，循环变量是 prod 在循环体中可以通过表达式访问。

Thymeleaf 参考手册

使用文本

语法	说明
`{home.welcome}`	使用国际化文本,国际化传参直接追加 (value…)
`${user.name}`	使用会话属性
`@{}` 表达式中使用超链接	``
-	-
`${}`	表达式中基本对象
param	获取请求参数，比如 `${param.name}`, `http://localhost:8080?name=jeff`
session	获取 session 的属性
application	获取 application 的属性
execInfo	有两个属性 templateName 和 now (是 java 的 Calendar 对象)
ctx
vars
locale
httpServletRequest
httpSession
-	-
th 扩展标签
`th:text`	普通字符串
`th:utext`	转义文本
`th:href`	链接
`th:attr` 设置元素属性	``
`th:with`	定义常量
`th:attrappend`	追加属性
`th:classappend`	追加类样式
`th:styleappend`	追加样式

其他标签

语法	说明
`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`
`th:alt-title`
`th:lang-xmllang`

循环

<tr th:each="prod : ${prods}"><td th:text="${prod.name}">Onions</td><td th:text="${prod.price}">2.41</td><td th:text="${prod.inStock}? #{true} : #{false}">yes</td></tr><table> <tr><th>NAME</th><th>PRICE</th><th>IN STOCK</th></tr><tr th:each="prod,iterStat : ${prods}" th:class="${iterStat.odd}? 'odd'"><td th:text="${prod.name}">Onions</td><td th:text="${prod.price}">2.41</td><td th:text="${prod.inStock}? #{true} : #{false}">yes</td>
  </tr></table>

迭代器的状态：

index: 当前的索引，从0开始
count: 当前的索引，从1开始
size：总数
current:
even/odd:
first
last

判断

if

<a href="comments.html" th:href="@{/product/comments(prodId=${prod.id})}" th:if="${not #lists.isEmpty(prod.comments)}">view</a>

unless

<a href="comments.html" th:href="@{/comments(prodId=${prod.id})}" th:unless="${#lists.isEmpty(prod.comments)}">view</a>

switch

<div th:switch="${user.role}"><p th:case="'admin'">User is an administrator</p> <p th:case="#{roles.manager}">User is a manager</p></div><div th:switch="${user.role}"><p th:case="'admin'">User is an administrator</p> <p th:case="#{roles.manager}">User is a manager</p> <p th:case="*">User is some other thing</p></div>

th:block

<table><th:block th:each="user : ${users}"><tr><td th:text="${user.login}">...</td> <td th:text="${user.name}">...</td></tr><tr><td colspan="2" th:text="${user.address}">...</td> </tr></th:block></table>

推荐下面写法（编译前看不见）

<table><tr><td th:text="${user.login}">...</td><td th:text="${user.name}">...</td> </tr><tr><td colspan="2" th:text="${user.address}">...</td></tr><!--/*/ </th:block> /*/--> </table>

th:inline(行内写法)

`th:inline`用法

th:inline 可以等于 text , javascript(dart) , none

`text: [[…]]`

<p th:inline="text">Hello, [[#{test}]]</p>

`javascript: /[[…]]/`

<script th:inline="javascript">var username = /*[[
        #{test}
    ]]*/;var name = /*[[
        ${param.name[0]}+${execInfo.templateName}+'-'+${#dates.createNow()}+'-'+${#locale}
    ]]*/;</script>

<script th:inline="javascript">/*<![CDATA[*/var username = [[#{test}]];var name = [[${param.name[0]}+${execInfo.templateName}+'-'+${#dates.createNow()}+'-'+${#locale}]];/*]]>*/</script>

`adding code: /* [+…+]*/`

var x = 23;/*[+
var msg = 'Hello, ' + [[${session.user.name}]]; +]*/var f = function() {...

`removind code: /[- / and /* -]*/`

var x = 23;/*[- */var msg = 'This is a non-working template'; /* -]*/var f = function() {...

Thymeleaf 表达式语法

Message 表达式

{...}

<p th:utext="#{home.welcome(${session.user.name})}"> Welcome to our grocery store, Sebastian Pepper!</p><p th:utext="#{${welcomeMsgKey}(${session.user.name})}"> Welcome to our grocery store, Sebastian Pepper!</p>

变量表达式

${}

ongl 标准语法，方法也可以被调用

选择变量表达式

*{}

<div th:object="${session.user}"><p>Name: <span th:text="*{firstName}">Sebastian</span>.</p><p>Surname: <span th:text="*{lastName}">Pepper</span>.</p> <p>Nationality: <span th:text={age}">Saturn</span>.</p></div> 等价于<div><p>Name: <span th:text="${session.user.firstName}">Sebastian</span>.</p> <p>Surname: <span th:text="${session.user.lastName}">Pepper</span>.</p> <p>Nationality: <span th:text="${session.user.age}">Saturn</span>.</p></div>当然了，这两者可以混合使用
还有一种方式<div><p>Name: <span th:text="*{session.user.name}">Sebastian</span>.</p> <p>Surname: <span th:text="*{session.user.surname}">Pepper</span>.</p> <p>Nationality: <span th:text="*{session.user.age}">Saturn</span>.</p></div>

链接 URL 表达式

@{}

<!-- Will produce 'http://localhost:8080/gtvg/order/details?orderId=3' (plus rewriting) --> <a href="details.html"th:href="@{http://localhost:8080/gtvg/order/details(orderId=${o.id})}">view</a> <!-- Will produce '/gtvg/order/details?orderId=3' (plus rewriting) --><a href="details.html" th:href="@{/order/details(orderId=${o.id})}">view</a><!-- Will produce '/gtvg/order/3/details' (plus rewriting) --><a href="details.html" th:href="@{/order/{orderId}/details(orderId=${o.id})}">view</a>

变量

分类	实例
文本	`one text`，`Another one!`，…
数字	0 , 34 , 3.0 , 12.3 ,…
真假	true , false
文字符号	one , sometext , main ,…

算数运算

分类	实例
+, -, *, /, %	二元运算符
-	减号（一元运算符）

真假运算

分类	实例
and , or	二元运算符
! , not	否定（一元运算符）

比较运算

分类	实例
>, <, >=, <= (gt, lt, ge, le)	比较
== , != ( eq , ne )	平等

条件运算

分类	实例
if-then	(if) ? (then)
if-then-else	(if) ? (then) : (else)
Default	(value) ?: (defaultvalue)

Thymeleaf 模板布局

模板模块导入

首先定义一个 /resources/templates/footer.html 文件：

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"><body><div th:fragment="copy"><!--用于公用的片段名称-->&copy; 2018 Copyright by zzr.</div></body></html>

上面的代码定义了一个片段称为 copy，我们可以很容易地使用 th:include 或者 th:replace 属性包含在我们的主页上

<body>...<div th:include="footer :: copy"></div></body>

三种引入公共片段的th属性：

th:insert：将公共片段整个插入到声明引入的元素中

th:replace：将声明引入的元素替换为公共片段

th:include：将被引入的片段的内容包含进这个标签中

include 的表达式想当简洁。这里有三种写法：

templatename::domselector 或者 templatename::[domselector] 引入模板页面中的某个模块
templatename 引入模板页面
::domselector 或者 this::domselector 引入自身模板的模块

上面所有的 templatename 和 domselector 的写法都支持表达式写法：

<div th:include="footer :: (${user.isAdmin}? #{footer.admin} : #{footer.normaluser})"></div>

不使用 `th:fragment` 来引用模块

<div id="copy-section">&copy; 2018 Copyright by zzr.</div>

我们可以用 CSS 的选择器写法来引入

<body>...<div th:include="footer :: #copy-section"></div></body>

`th:include` 与 `th:replace` 与`th:insert`的区别

<!--需要抽取公共片段（多个页面都包含的部门）--><footer th:fragment="copy">&copy; 2018 Copyright by zzr.</footer><!--2、通过不同的方法引入公共片段--><div th:insert="footer :: copy"></div><div th:replace="footer :: copy"></div><div th:include="footer :: copy"></div><!--不同引入方式所呈现的效果效果--><!--1 插入--><div><footer>
   &copy; 2018 Copyright by zzr.</footer></div><!--2 替换--><footer>&copy; 2018 Copyright by zzr.</footer><!--3 包含--><div>&copy; 2018 Copyright by zzr.</div>

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

C语言math.h中的常用函数实例详解
1.绝对值 2.取整和取余 3.三角函数 4.反三角函数 5.双曲三角函数 6.指数和对数 7.标准化浮点数 8.多项式 9.数学错误计算处理1.绝对值函数原型: int abs(int x); 函数功能: 求整数x的绝对值 int number=-1234; abs(number);函数原型:double fabs(double x); 函数功能:求浮点数…...
2024/4/25 5:31:42
ClickHouse表引擎到底怎么选
引言表引擎在ClickHouse中的作用十分关键，直接决定了数据如何存储和读取、是否支持并发读写、是否支持index、支持的query种类、是否支持主备复制等。 ClickHouse提供了大约28种表引擎，各有各的用途，比如有Lo系列用来做小表数据分析，MergeTree系列用来做大数据量分析，而I…...
2024/4/28 3:50:11
AUC(Area under Curve Roc曲线下面积）
一、roc曲线 1、roc曲线：接收者操作特征(receiveroperating characteristic),roc曲线上每个点反映着对同一信号刺激的感受性。横轴：负正类率(false postive rate FPR)特异度，划分实例中所有负例占所有负例的比例；(1-Specificity) 纵轴：真正类率(true postive rate TPR)灵…...
2024/4/30 6:49:27
7月分享
大家好，我是转发七月的，今天给大家带来我的一次分享。分享仅代表个人观点，大家听听就好，希望能帮助到大家。本次分享的主题是关于程序员的职业规划，希望能帮助大家能开心的度过20岁，幸福的过好30岁先给大家讲个故事，2019年英雄联盟S9冠军FMVP小天，在2018年时还默默…...
2024/3/29 8:14:44
图说Python菜鸟版：第15章 Python Socket网络通讯编程
目录第15章 Python Socket网络通讯编程一、前言二、正文2.1 学习地图2.2 配套源码2.3 配套视频第15章 Python Socket网络通讯编程一、前言本文是作者在录制课程《Python全栈工程师魔鬼训练营》时，花费大量时间和精力整理出来的内容，历时近半年时间。在和学员的上万次互动过…...
2024/4/1 16:04:10
mysql备份
常用备份命令文章目录1.备份单独的库(实际是恢复之前的表，前提是自己建库)2.备份某库单独的表3.保存数据结构备份数据库 -B4.备份所有数据库 -A5.备份所有存储过程和函数6.恢复单张表的某些数据 1.备份单独的库(实际是恢复之前的表，前提是自己建库) [root@Centos7 ~]# mysq…...
2024/3/29 8:14:42
Swing颜色选择器（JColorChooser ）
JColorChooser 类提供一个用于允许用户操作和选择颜色的控制器窗格。参考资料： [http://c.biancheng.net/view/1252.html] 一、构造方法：JColorChooser()：创建初始颜色为白色的颜色选取器窗格。 JColorChooser(Color initialColor)：创建具有指定初始颜色的颜色选取器窗格。…...
2024/3/29 8:14:41
关于Thinkphp将类放入vendor无法引入成功
1.首先在vendor下，新建一个文件夹，将类放进去，类里面不要写【namespace】 2.然后再控制器中引入的时候写vendor(‘vendor下的文件夹名.php文件的名字’),写到php文件名就行，不要写到类名，注意加引号举例：我的是pandaiyu文件夹下的pdy.php vendor(‘pandaiyu.pdy’); 3.在…...
2024/3/29 8:14:40
Python对SQL操作类的封装
python连接数据库进行操作时，如果封装相关操作，需要时直接进行调用，可以避免执行SQL操作时的重复代码书写。类初始化 import pymysqlclass DbMysql:# 参数用于连接数据库def __init__(self, host, port, user, passwd, database, charset):self.host = hostself.port = por…...
2024/4/10 13:16:15
js中表单为空的简单验证
JavaScript中，在做表单的时候经常需要我们进行表单验证，而且针对不同的类型的输入内容或者需求，验证的规则也是不一样的。最近在做一个修改带有<input type="text">弹窗的内容时，如果修改了确定就需要调取接口，若没有修改则有提示框。代码如下：if (docum…...
2024/4/26 13:57:05
webstorm设置背景图片
webstorm设置背景图片步驟如下：步驟如下： 1.打开webStorm 2.按下control + shift + a。输入 set background image这个样子就OK了！不行你来找我！！！...
2024/3/29 11:29:00
meta标签
// 设置缩放 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> // 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） <meta name="apple-mobile-web-a…...
2024/3/29 11:28:59
PS打开提示AMT Subsystem Failure解决方法
使用绿色版PS打开的时候提示AMT Subsystem Failure 不知道什么原因，查了一下才知道一个服务没有开启只启动“FLEXnet Licensing Service”服务即可。第一步右击【计算机/我的电脑】打开进入【管理】。第二步展开服务和应用程序，进入服务管理。第三步在服务中找到FLEXnet…...
2024/3/29 11:28:58
十二、Java集合框架之Set接口&集合输出
1、Set 接口 1.1、Set接口简介 Set 接口与List 接口一样都属于Collection子接口，但是Set接口里面最大特点在于不能够进行重复元素的数据保存。观察Set接口的定义：public interface Set<E> extends Collection <E> 在JDK1.9以前，Set接口并没有对Collection接口的…...
2024/4/28 16:10:01
centos基本信息和ssh
centos基本信息和ssh–参照wuling129博客 1、打开Xshell界面，中文界面方便操作，菜单栏：工具——新建用户密钥生成向导2、密钥类型选择RSA，密钥长度选择2048位，单击下一步继续；3、很快生成公钥对，单击下一步继续；4、密钥名称可以自定义，起一个自己理解的名称，或者保持…...
2024/4/13 15:07:22
JSP22小区门户网站系统（jsp+servlet+mysql）
技术实现开发语言:jsp.框架:jsp+servlet.模式:B/S.数据库:mysql.开发工具:myeclipse eclipse 均可.论文字数:1万左右. 功能实现新闻资讯、在线影院、社区留言、用户注册会员：（1）更改密码。（2）修改详细地址。（3）上传文件管理和我要上传文件管理员登录（1）对管理员…...
2024/3/29 11:28:53
IDEA运行按钮置灰，如何设置tomcat解决？
点击run-edit configurations点击【+】号，选择Tomcatserver-local对tomcat进行设置–应用-运行运行按钮可以使用...
2024/3/29 8:14:59
hadoop集中式缓存管理
简介 hdfs中的集中式缓存管理是一种显式缓存机制，允许用户指定hdfs要缓存的路径。namenode将与磁盘上具有所需块的数据节点通信，并指示它们将块缓存在堆外缓存中。 hdfs中的集中式缓存管理具有许多显著的优点。显式固定可防止经常使用的数据从内存中逐出。当工作集的大小超过…...
2024/3/29 8:14:59
2016最新辽宁一级建造师招聘价格是多少？
我们知道，一级建造师考试刚刚结束，但是很多人都开始咨询未来一级建造师招聘行情的相关问题，今天360建筑网就来为大家来介绍。　　据360建筑网统计，2016年辽宁一级建造师招聘价格如下：一级建造师招聘价格一级房建建造师招聘价格2.5-3万/年（挂章+1-1.5）一级机电建造师招聘…...
2024/3/30 9:21:55
2016年陕西结构工程师招聘费用是多少？
据了解，结构工程师在建筑市场非常重要，主要负责建筑结构的设计，包括抗震设计，力学分析等等。在证书招聘市场，结构工程师证书也备受欢迎，据360建筑网数据统计，2016年陕西结构工程师招聘价格如下：　　陕西注册一级结构工程师招聘价格17-19万/3年(挂章22-24万）　　陕西注…...
2024/3/29 8:14:56

笔记:Thymeleaf模板引擎的使用

thymeleaf模板引擎使用

一、在pom文件中引入必要依赖

二、在application.yml中配置Thymeleaf

三、创建html页面

四、编写JavaBean

五、编写Controller层测试

Thymeleaf 常用语法

获取变量值

引入 URL

字符串替换

运算符

条件

if/unless

switch

循环

Thymeleaf 参考手册

使用文本

其他标签

循环

判断

if

unless

switch

th:block

th:inline(行内写法)

th:inline用法

text: [[…]]

javascript: /[[…]]/

adding code: /* [+…+]*/

removind code: /[- / and /* -]*/

Thymeleaf 表达式语法

Message 表达式

变量表达式

选择变量表达式

链接 URL 表达式

变量

算数运算

真假运算

比较运算

条件运算

Thymeleaf 模板布局

模板模块导入

不使用 th:fragment 来引用模块

th:include 与 th:replace 与th:insert的区别

相关文章

最新文章

`th:inline`用法

`text: [[…]]`

`javascript: /[[…]]/`

`adding code: /* [+…+]*/`

`removind code: /[- / and /* -]*/`

不使用 `th:fragment` 来引用模块

`th:include` 与 `th:replace` 与`th:insert`的区别