正文

springboot页面展示thymeleaf

author  author  2023-03-15  561

关键词：

参考技术A

开发传统Java WEB工程时，我们可以使用JSP页面模板语言，但是在SpringBoot中已经不推荐使用了。SpringBoot支持如下页面模板语言

上面并没有列举所有SpringBoot支持的页面模板技术。其中Thymeleaf是SpringBoot官方所推荐使用的，下面来谈谈Thymeleaf一些常用的语法规则。

要想使用Thhymeleaf，首先要在pom.xml文件中单独添加Thymeleaf依赖。

Spring Boot默认存放模板页面的路径在 src/main/resources/templates 或者 src/main/view/templates ，这个无论是使用什么模板语言都一样，当然默认路径是可以自定义的，不过一般不推荐这样做。另外Thymeleaf默认的页面文件后缀是 .html 。

在MVC的开发过程中，我们经常需要通过 Controller 将数据传递到页面中，让页面进行动态展示。

创建一个Controller对象，在其中进行参数的传递

在SpringBoot默认的页面路径下创建show.html文件，内容如下

可以看到在 p 标签中有 th:text 属性，这个就是thymeleaf的语法，它表示显示一个普通的文本信息。

如果我们要显示的信息是存在资源文件中的，同样可以在页面中显示，例如资源文件中定义了内容 welcome.msg=欢迎0光临！。可以在页面中将其显示

另外，在 th:utext 中还能做一些基础的数学运算

如果我们想要传递到的页面的信息，它本身是带有CSS样式的，这个时候如何在页面中将携带的样式信息也显示出来？此时我们的控制器方法这样写。

此时页面中需要借助 th:utext 属性进行显示

通过浏览器查看页面源码可以看出 th:utext 和 th:text 的区别是： th:text 会对 < 和 > 进行转义，而 th:utext 不会转义。

我们常常需要将一个bean信息展示在前端页面当中。

上面给出了两种展现方式，一种是通过$属性，另外一种是通过属性。
关于“$属性”和“ 属性”的区别？
$访问完整信息，而访问指定对象中的属性内容，如果访问的只是普通的内容两者没有区别；

在 thymeleaf 之中提供有相应的集合的处理方法，例如：在使用 List 集合的时候可以考虑采用 get()方法获取指定索引的数据，那么在使用 Set 集合的时候会考虑使用 contains()来判断某个数据是否存在，使用 Map 集合的时候也希望可以使用 containsKey()判断某个 key 是否存在，以及使用get()根据 key 获取对应的 value，而这些功能在之前并不具备，下面来观察如何在页面中使用此类操作

在传统WEB工程开发时，路径的处理操作是有点麻烦的。SpringBoot中为我们简化了路径的处理。

页面之间的跳转也能通过@来实现

虽然在这种模版开发框架里面是不提倡使用内置对象的，但是很多情况下依然需要使用内置对象进行处理，所以下面来看下如何在页面中使用JSP内置对象。

thymeleaf 考虑到了实际的开发情况，因为 request 传递属性是最为常用的，但是 session 也有可能使用，例如：用户登录之后需要显示用户 id，那么就一定要使用到 session，所以现在必须增加属性范围的形式后才能够正常使用。在 thymeleaf 里面也支持有 JSP 内置对象的获取操作，不过一般很少这样使用。

所有的页面模版都存在各种基础逻辑处理，例如：判断、循环处理操作。在 Thymeleaf 之中对于逻辑可以使用如下的一些运算符来完成，例如：and、or、关系比较（>、<、>=、<=、==、!=、lt、gt、le、ge、eq、ne）。

通过控制器传递一些属性内容到页面之中：

不满足条件的判断

通过swith进行分支判断

在实际开发过程中常常需要对数据进行遍历展示，一般会将数据封装成list或map传递到页面进行遍历操作。

我们常常需要在一个页面当中引入另一个页面，例如，公用的导航栏以及页脚页面。thymeleaf中提供了两种方式进行页面引入。

可以看到页面当中还存在一个变量projectName，这个变量的值可以在引入页面中通过 th:with="projectName=百度" 传过来。

「springboot实战」视图技术-thymeleaf

...模板技术，从而实现前后端分离和页面的动态数据展示。SpringBoot框架为简化项目的整体开发，提供了一些视图技术支持，并主要推荐整合模板引擎技术实现前端页面的动态化内容。本文对SpringBoot常用的Thymeleaf进行整合。Thymeleaf... 查看详情

thymeleaf模板引擎(代码片段)

Springboot需要使用thymeleaf模板引擎来编写前端页面，代替了SSM中的JSPcontroller的return页面的路径，默认为resources下的template 查看thymeleaf的配置文件，在template下默认使用.html页面 thymeleaf的语法：在html中导入thymeleaf的命名... 查看详情

springboot整合layui和thymeleaf制作简单登录页面

前面已经学习过SpringBoot整合Thymeleaf，这次主要把上次提到的简单登录界面用博文形式写出来记录一个小Demo的学习，如果没看过SpringBoot整合Thymeleaf可以看一下SpringBoot整合Thymeleaf(三)先上页面效果图：Demo所涉及的知识点1.SpringBoot... 查看详情

springboot整合layui和thymeleaf制作简单登录页面

前面已经学习过SpringBoot整合Thymeleaf，这次主要把上次提到的简单登录界面用博文形式写出来记录一个小Demo的学习，如果没看过SpringBoot整合Thymeleaf可以看一下SpringBoot整合Thymeleaf(三)先上页面效果图：Demo所涉及的知识... 查看详情

springboot整合模板引擎thymeleaf(代码片段)

SpringBoot整合模板引擎Thymeleaf1，什么是Thymeleaf？Thymeleaf是一个跟Velocity、FreeMarker类似的模板引擎相较与其他的模板引擎，它有一个最大的特点是：Thymeleaf，它可以让美工在浏览器查看页面的静态效果，也可... 查看详情

springboot结合thymeleaf进行页面的跳转

1、引入thymeleaf依赖<dependency>　　<groupId>org.springframework.boot</groupId>　　<artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>2 查看详情

springboot使用thymeleaf

模板引擎thymeleaf，配合.html前端展示效果（不同于.jsp文件）（1）在pom.xml中引入thymeleaf;（2）如何关闭thymeleaf缓存（3）编写模板文件.html（4）编写访问模板文件controller 1、在pom.xml中引入thymeleaf;<dependency><groupId>org.sprin... 查看详情

springboot实战之thymeleaf

...共同的职能是MVC模式中的视图展示层，即View。当然了，SpringBoot中也可以用jsp,不过不推荐这种用法，比较推崇的就是使用Thymeleaf。关于Thymeleaf学习，建议参考官方文档:https://www.thymeleaf.org/documentation.html官方文档例子，应有尽有。... 查看详情

Springboot/Thymeleaf 从每个页面的模型中检查当前用户

】Springboot/Thymeleaf从每个页面的模型中检查当前用户【英文标题】：Springboot/Thymeleafcheckcurrentuserfrommodeloneverypage【发布时间】：2017-06-2616:53:17【问题描述】：我正在尝试为每个页面提供以下模型，以便我可以检查当前用户是否已... 查看详情

一个小demo熟悉springboot和thymeleaf的基本使用(代码片段)

目录介绍零、项目素材一、创建SpringBoot项目二、定制首页1、修改pom.xml2、引入相应的本地css、js文件3、编辑login.html4、处理对login页面请求的映射5、国际化登录页面6、阶段演示效果三、完成login操作1、添加控制器用于处理请求2... 查看详情

springboot整合thymeleaf-基于springboot2.x版本

1、为啥要用Thymeleaf模板引擎？现在不都前后端分离了么？熊dei们，别着急，我们先来谈谈为啥开始用Thymeleaf模板引擎，先照顾照顾下我们这些可爱的小白童鞋....为啥开始用Thymeleaf模板引擎？jsp她不香嘛？首先前端交给我们的页... 查看详情

springboot学习笔记——thymeleaf(代码片段)

前置知识：SpringBoot学习笔记——SpringBoot简介与HelloWordSpringBoot学习笔记——源码初步解析SpringBoot学习笔记——配置文件yaml学习SpringBoot学习笔记——JSR303数据校验与多环境切换SpringBoot学习笔记——自动配置原理SpringBoot学习笔记... 查看详情

springboot中添加thymeleaf模板

SpringBoot中添加Thymeleaf模板1.Web开发方式2.用SpringBoot创建带有Thymeleaf模板的web项目2.1用SpringInitializr方式创建springboot项目2.2创建出来的项目结构2.3创建html模板页面2.4创建控制层页面2.5运行1.Web开发方式Springboot提供了一套完整的web开... 查看详情

springboot第九章thymeleaf模板引擎(代码片段)

...ymeleafThymeleaf是另外的一种模板技术，它本身并不属于SpringBoot，SpringBoot只是很好地集成这种模板技术，作为前端页面的数据展示。使用java开发的模板技术，在服务器端运行。把处理后的数据发送给浏览器。模板是... 查看详情

springboot整合layui和thymeleaf制作简单登录页面(代码片段)

11springboot-crud-thymeleaf公共页面元素抽取

java网络商城项目springboot+springcloud+vue网络商城（ssm前后端分离项目）十六（商品排序，thymeleaf快速入门，商品详情页的展示）(代码片段)

Java网络商城项目SpringBoot+SpringCloud+Vue网络商城（SSM前后端分离项目）十六（商品详情页的展示）一、商品排序1、完善页面信息这是用来做排序的，默认按照综合排序。点击新品，应该按照商品创建时... 查看详情