springboot集成Thymeleaf(一)

2022-07-01 19:34:13 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

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

  • Thymeleaf
  • FreeMarker
  • Velocity
  • Groovy
  • JSP
  • …………

其中Thymeleaf是SpringBoot官方所推荐使用的,接下来说说Thymeleaf使用。

一、特点

动静结合:

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

多方言支持:

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

与SpringBoot完美整合:

1、与SpringBoot完美整合,SpringBoot提供了Thymeleaf的默认配置

2、并且为Thymeleaf设置了视图解析器,我们可以像以前操作jsp一样来操作Thymeleaf

二、使用

添加依赖:

代码语言:javascript复制
<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

查看thymeleaf源码:idea版本不同查看源码快捷键可能不一样,

查看源码:https://blog.csdn.net/BlackPlus28/article/details/101014267

与解析JSP的InternalViewResolver类似,Thymeleaf也会根据前缀和后缀来确定模板文件的位置:

通过查看源码得知:

会在templates文件夹下找出.html文件。

数据显示

在resources文件中创建templates文件夹,并创建html文件。如图:

代码语言:javascript复制
创建一个Controller,并进行返回,名称与html名称保持一致。

在类上加 @Controller注解
代码语言:javascript复制
@Controller
public class MyController {

    @RequestMapping("/hello")
    public String hello(Model model) {
        model.addAttribute("name","ssss");
        return "Hello";
    }

编写html文件:h1标签,仅仅演示效果

效果图:

使用th之前需要引入命名空间:通过${}这种形式进行取值

代码语言:javascript复制
<html lang="en" xmlns:th="http://www.thymeleaf.org">
代码语言:javascript复制
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1 th:text="${name}">Hello</h1>
</body>
</html>

这里就集成好themeleaf。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/147165.html原文链接:https://javaforall.cn

0 人点赞