thymeleaf（spring为什么要推荐使用thymeleaf）

本文目录

• spring为什么要推荐使用thymeleaf
• thymeleaf前端表达式怎么写
• spring boot怎么使用thymeleaf
• vue和thymeleaf区别
• thymeleaf 能执行java代码吗
• 问一个关于thymeleaf的问题
• thymeleaf测试结果很糟糕，为什么Spring还要推荐使用它
• freemarker thymeleaf哪个好

spring为什么要推荐使用thymeleaf

1. spring 性能已经很糟糕了，比他快的框架多了去，你为什么还用他？2. WEB CURD 语言的性能，模板的性能都可能忽略不计。性能性能的是数据库性能。3. thymeleaf 的优势就是 HTML5

thymeleaf前端表达式怎么写

Thymeleaf 基本表达式

如需了解thymeleaf以及thymeleaf整合spring，请参考《Thymeleaf模板引擎使用》、《Thymeleaf 集成spring》

${}

变量表达式（美元表达式，哈哈），用于访问容器上下文环境中的变量，功能同jstl中${}。

例如：

• protected void doPost(HttpServletRequest req, HttpServletResponse resp)
• throws ServletException, IOException {
• ...
• //Create Servlet context
• WebContext ctx = new WebContext(req, resp, this.getServletContext(), req.getLocale());
• ctx.setVariable(“helloword“,“hello thymeleaf,wellcome!“);
• //Executing template engine
• templateEngine.process(“home“, ctx, resp.getWriter());
• }

模板页面访问变量

• 《p》《span th:text=“${helloword}“》《/span》《/p》

回到顶部

*{}

选择表达式（星号表达式）。选择表达式与变量表达式有一个重要的区别：选择表达式计算的是选定的对象，而不是整个环境变量映射。也就是：只要是没有选择的对象，选择表达式与变量表达式的语法是完全一样的。那什么是选择的对象呢？是一个：th:object对象属性绑定的对象。

例如：

• 《div th: obj ect=“ ${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=“ *{nationality}“ 》Saturn《/span》. 《/p》
• 《/div》

上例中，选择表达式选择的是th:object对象属性绑定的session. user对象中的属性。

回到顶部

#{}

消息表达式（井号表达式，资源表达式）。通常与th:text属性一起使用，指明声明了th:text的标签的文本是#{}中的key所对应的value，而标签内的文本将不会显示。

例如：

新建/WEB-INF/templates/home.html，段落

• 《p th: text=“ #{home. welcome}“ 》This text will not be show! 《/p》

新建/WEB-INF/templates/home.properties，home.welcome：

• home.welcome=this messages is from home.properties!

测试结果：

从测试结果可以看出，消息表达式通常用于显示页面静态文本，将静态文本维护在properties文件中也方面维护，做国际化等。

回到顶部

@{}

超链接url表达式。

例如：

《script th:src=“@{/resources/js/jquery/jquery.json-2.4.min.js}“

回到顶部

#maps

工具对象表达式。常用于日期、集合、数组对象的访问。这些工具对象就像是java对象，可以访问对应java对象的方法来进行各种操作。

例如：

• 《div th:if=“${#maps.size(stuReqBean.students.score) != 0}“》
• 《label》${score.key}:《/label》《input type=“text“ th:value=“${score.value}“》《/input》
• 《/div》
• 《div th:if=“${#maps.isEmpty(stuReqBean.students.score)}“》
• ...do something...
• 《/div》

其他工具对象表达式还有：

• #dates
• #calendars
• #numbers
• #strings
• #objects
• #bools
• #arrays
• #lists
• #sets

spring boot怎么使用thymeleaf

Spring Boot支持多种模版引擎包括：FreeMarkerGroovyThymeleaf(官方推荐)MustacheJSP技术Spring Boot官方是不推荐的，原因有三：tomcat只支持war的打包方式，不支持可执行的jar。Jetty 嵌套的容器不支持jspUndertow创建自定义error.jsp页面不会覆盖错误处理的默认视图，而应该使用自定义错误页面当你使用上述模板引擎中的任何一个，它们默认的模板配置路径为：src/main/resources/templates。当然也可以修改这个路径，具体如何修改，可在后续各模板引擎的配置属性中查询并修改。Thymeleaf模板引擎Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎。类似JSP，Velocity，FreeMaker等，它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用的模板引擎。与其它模板引擎相比，Thymeleaf最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个Web应用。它的功能特性如下：Spring MVC中@Controller中的方法可以直接返回模板名称，接下来Thymeleaf模板引擎会自动进行渲染模板中的表达式支持Spring表达式语言（Spring EL)表单支持，并兼容Spring MVC的数据绑定与验证机制国际化支持Spring官方也推荐使用Thymeleaf,所以本篇代码整合就使用Thymeleaf来整合。

vue和thymeleaf区别

Thymeleaf和vue不是一类事务。模板引擎：Thymeleaf、freemarker、JSP。前端框架：vue、angularjs、react。Thymeleaf是一个替代JSP的模板引擎。使用Thymeleaf或其他模板的时候也可以使用前端框架。

thymeleaf 能执行java代码吗

简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较与其他的模板引擎，它有如下三个极吸引人的特点：

• 1.Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

• 2.Thymeleaf 开箱即用的特性。它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。

• 3.Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性器、国际化等功能。

标准表达式语法

它们分为四类：

• 1.变量表达式

• 2.选择或星号表达式

• 3.文字国际化表达式

• 4.URL表达式

变量表达式

变量表达式即OGNL表达式或Spring EL表达式(在Spring术语中也叫model attributes)。如下所示：${session.user.name}

它们将以HTML标签的一个属性来表示：

• 《span th:text=“${book.author.name}“》  《li th:each=“book : ${books}“》  

选择(星号)表达式

选择表达式很像变量表达式，不过它们用一个预先选择的对象来代替上下文变量容器(map)来执行，如下：*{customer.name}

被指定的object由th:object属性定义：

• 《div th:object=“${book}“》  

• ...  

• 《span th:text=“*{title}“》...《/span》  

• ...  

• 《/div》  

文字国际化表达式

文字国际化表达式允许我们从一个外部文件获取区域文字信息(.properties)，用Key索引Value，还可以提供一组参数(可选).

• #{main.title}  

• #{message.entrycreated(${entryId})}  

可以在模板文件中找到这样的表达式代码：

• 《table》  

• ...  

• 《th th:text=“#{header.address.city}“》...《/th》  

• 《th th:text=“#{header.address.country}“》...《/th》  

• ...  

• 《/table》  

URL表达式

URL表达式指的是把一个有用的上下文或回话信息添加到URL，这个过程经常被叫做URL重写。@{/order/list}URL还可以设置参数：@{/order/details(id=${orderId})}相对路径：@{../documents/report}

让我们看这些表达式：

• 《form th:action=“@{/createOrder}“》  

• 《a href=“main.html“ th:href=“@{/main}“》

变量表达式和星号表达有什么区别吗？

如果不考虑上下文的情况下，两者没有区别；星号语法评估在选定对象上表达，而不是整个上下文什么是选定对象？就是父标签的值，如下：

• 《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=“*{nationality}“》Saturn《/span》.《/p》

• 《/div》

这是完全等价于：

• 《div th:object=“${session.user}“》

• 《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.nationality}“》Saturn《/span》.《/p》

• 《/div》

当然，美元符号和星号语法可以混合使用：

• 《div th:object=“${session.user}“》

• 《p》Name: 《span th:text=“*{firstName}“》Sebastian《/span》.《/p》

• 《p》Surname: 《span th:text=“${session.user.lastName}“》Pepper《/span》.《/p》

• 《p》Nationality: 《span th:text=“*{nationality}“》Saturn《/span》.《/p》

• 《/div》

表达式支持的语法

字面（Literals）

• 文本文字（Text literals）: ’one text’, ’Another one!’,…

• 数字文本（Number literals）: 0, 34, 3.0, 12.3,…

• 布尔文本（Boolean literals）: true, false

• 空（Null literal）: null

• 文字标记（Literal tokens）: one, sometext, main,…

文本操作（Text operations）

• 字符串连接(String concatenation): +

• 文本替换（Literal substitutions）: |The name is ${name}|

算术运算（Arithmetic operations）

• 二元运算符（Binary operators）: +, -, *, /, %

• 减号（单目运算符）Minus sign (unary operator): -

布尔操作（Boolean operations）

• 二元运算符（Binary operators）:and, or

• 布尔否定（一元运算符）Boolean negation (unary operator):!, not

比较和等价(Comparisons and equality)

• 比较（Comparators）: 》, 《, 》=, 《= (gt, lt, ge, le)

• 等值运算符（Equality operators）:==, != (eq, ne)

条件运算符（Conditional operators）

• If-then: (if) ? (then)

• If-then-else: (if) ? (then) : (else)

• Default: (value) ?: (defaultvalue)

所有这些特征可以被组合并嵌套：

• ’User is of type ’ + (${user.isAdmin()} ? ’Administrator’ : (${user.type} ?: ’Unknown’))

问一个关于thymeleaf的问题

1.5.2版本的springboot对velocity不支持。故使用官推thymeleaf进行视图渲染。ThymeleafThymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发。也就是说它即可以在在浏览器查看页面的静态效果，也可以在服务器查看带数据的动态页面效果。

thymeleaf测试结果很糟糕，为什么Spring还要推荐使用它

一个产品的发行就算再差，也都会有它的优点和缺点，就只是在于你看它对于那个方面，所以一个产品的发行你要客观的去认识它，都有必要大体看待。对于thymeleaf的测试结果很糟糕，但是spring去推荐使用它，肯定是有好处的。

首先主要是thymeleaf的实现机制相较于其他模板引擎更加的优雅。由于各种绑定与控制采用属性的方式，绑定的机制可以采用属性的方式，你就试想一下，你打游戏有属性加成是不是很好用的，你有属性加成就会有可以使得模板不破坏html原有的语法结构，那么就会有不一样的效果，这样就获得了其他模板引擎没有的一个重要特性：thymeleaf定义的模板是可以被正常渲染的。那么这样你改模板和测试就会非常方便，你是不是就会更好操作，这是有利的。

其次就是Thymeleaf 的生产力比较好。它的生产能力非常强，它的标签比较简单，最大的优点，那么就是非常好的，所以要正确看待，它允许前端人员即时查看静态页面的效果，有的制造商时没有其它模板做不到的功能。所以你要学会考虑到横向添加服务很方便，那么你就意想不到，所以效率并不是什么大问题。

它的性能不是唯一指标，也就是让它一定能力，除此外还需要考虑开发效率它们的测试效率用户体验等等，比如你想减少内部的服务器资源消耗，完全可以把大部分渲染工作丢给用户浏览器，对他来的可能也就有一点点卡，那你就不好去考虑，所以你就会考虑其他的，毕竟要好的才会有人去推荐，不然谁会推荐。

freemarker thymeleaf哪个好

我也是来问这个问题的。。。目前了解，性能方面thymeleaf更差。但是thymeleaf由于使用了标签属性做为语法，模版页面直接用浏览器渲染，使得前端和后端可以并行开发。freemarket使用《/》这样的语法，就无法直接使浏览器渲染出原本页面的样子。thymeleaf的性能一直是大家痛击之处。有人说thymeleaf开启缓存后，性能会比freemarker更好，但是开启缓存有什么弊端我就不知道了。（会不会更新了模版后，页面没变化？）很难说两个谁好谁坏，都有不足都有优点。目前两者都还有更新，有团队支持。不像velocity已经6年没更新了。但是我看的sprint 实战 第4版中，有一小节专门讲了thymeleaf，为什么不讲freemarker,我也不懂，要问作者。为什么IDEA中直接提供了thymeleaf的framework支持？？综上，但是为什么网友诟病thymeleaf性能问题的更多，而夸奖的人没有几个？？我也是迷糊了。我是因为我的项目需要用到这些所以今天花了一天的时间，找这些资料，目前，我个人比较倾向thymeleaf。