SpringBoot + Thymeleaf 整合实例讲解

最新推荐文章于 2024-08-21 15:17:44 发布

T_白日梦想家

最新推荐文章于 2024-08-21 15:17:44 发布

阅读量1.9k

点赞数

分类专栏：后端开发文章标签： springboot Thymeleaf 整合

本文链接：https://blog.csdn.net/a632189007/article/details/78532981

版权

后端开发专栏收录该内容

41 篇文章 0 订阅

订阅专栏

一、项目结构

这里写图片描述

这个实例项目简单实现了SpringBoot + Thymeleaf的整合，通过访问URL，打开页面。

二、代码讲解

2.1 pom.xml

<build>
    <plugins>
      <plugin>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-maven-plugin</artifactId>
      </plugin>
    </plugins>
  </build>

  <parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>1.5.6.RELEASE</version>
    <relativePath/>
  </parent>

  <properties>
      <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
      <java.version>1.8</java.version>
  </properties>

  <dependencies>
    <dependency>  
        <groupId>org.springframework.boot</groupId>  
        <artifactId>spring-boot-starter</artifactId>  
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <!-- thymeleaf 需要导入该配置，这样才能使用thymeleaf -->
    <dependency>  
        <groupId>org.springframework.boot</groupId>  
        <artifactId>spring-boot-starter-thymeleaf</artifactId>  
    </dependency>
  </dependencies>

2.2 启动类Application

@SpringBootApplication
@Controller
@ComponentScan(basePackages={"com.test.spring.boot.controller"})    //自定义自动扫描
public class Application {

    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
}

@ComponentScan：自定义配置了要扫描的包，若有多个包，则用逗号分隔。

2.3 application.properties

# 服务端口
server.port=8082

# 日志配置
logging.config=classpath:logback.xml

# thymeleaf配置
# 注释的部分是Thymeleaf默认的配置，如有其它需求可以自行更改
# spring.thymeleaf.prefix=classpath:/template/
# spring.thymeleaf.suffix=html
# spring.thymeleaf.mode=HTML5
# spring.thymeleaf.encoding=UTF-8
# spring.thymeleaf.content-type=text/html
spring.thymeleaf.cache=false

需要注意的是，thymeleaf默认的模板存放目录是templates，默认的后缀是html；因此，若大家在写项目的时候就是按照这种结构写的，那就不需要再进行配置了。

2.4 HelloController

@Controller
@RequestMapping("/")
public class HelloController {

    @RequestMapping("/hello")
    public String hello(Model model) {
        UserBean userBean = new UserBean();
        userBean.setUsername("test_1");
        model.addAttribute("user", userBean);
        return "hello";
    }
}

这个类是请求的Controller，注解和SpringMVC的注解一样，将用户信息组合添加到Model中，返回到hello.html页面。

2.5 main.css

.navbar-label {
    color: #008000;
    font-size: 50px;
}

2.6 hello.html

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Springboot thymeleaf test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" th:href="@{/css/main.css}"/>

</head>
<body>
    <div>
        <div>
            <label class="navbar-label" th:text="${user.username}">Hello World</label>
        </div>
    </div>
</body>
</html>