您的位置：首页 > 编程语言 > Java开发

SpringBoot + Thymeleaf 整合实例讲解

2017-11-14 17:33 746 查看

一、项目结构

这个实例项目简单实现了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>

这里需要注意的是，需要替换添加

<html xmlns:th="http://www.thymeleaf.org">

到页面的顶部。

最后，启动服务，访问http://localhost:8082/hello即可跳转到hello.html页面。

对于

thymeleaf

不熟悉的小伙伴可以阅读下面这篇文章来学习下thymeleaf的基本语法吧~

Thymeleaf学习笔记

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航