SpringBoot学习06--整合Thymeleaf

最新推荐文章于 2022-06-14 00:17:57 发布

leoxyk

最新推荐文章于 2022-06-14 00:17:57 发布

阅读量796

点赞数 1

分类专栏： Spring Boot 学习文章标签： SpringBoot Thymeleaf

本文链接：https://blog.csdn.net/leoxyk/article/details/96100748

版权

Spring Boot 学习专栏收录该内容

6 篇文章 1 订阅

订阅专栏

接上一篇 SpringBoot学习05–使用MyBatis-Plus代码生成器，在其基础上整合thymeleaf。

1. 添加 `thymeleaf` 依赖

<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

完整的pom.xml文件如下：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
		 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.1.6.RELEASE</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>
	<groupId>com.example</groupId>
	<artifactId>demo</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<name>demo</name>
	<description>Demo project for Spring Boot</description>

	<properties>
		<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>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
		<dependency>
			<groupId>com.baomidou</groupId>
			<artifactId>mybatis-plus-boot-starter</artifactId>
			<version>3.1.2</version>
		</dependency>
		<dependency>
			<groupId>com.baomidou</groupId>
			<artifactId>mybatis-plus-generator</artifactId>
			<version>3.1.2</version>
		</dependency>
		<dependency>
			<groupId>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>com.alibaba</groupId>
			<artifactId>druid-spring-boot-starter</artifactId>
			<version>1.1.10</version>
		</dependency>
		<!--mybatis-plus完成项目构建所需模板，真实项目不需要使用-->
		<dependency>
			<groupId>org.freemarker</groupId>
			<artifactId>freemarker</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
	</dependencies>

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

</project>

2. `application.yml`中添加相应`thymeleaf`配置

完整的application.yml如下：

# datasource config
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/demo?serverTimezone=UTC&useUnicode=true&characterEncoding=UTF-8
    username: root
    password: admin123
    driver-class-name: com.mysql.cj.jdbc.Driver
    type: com.alibaba.druid.pool.DruidDataSource
  thymeleaf:
    mode: HTML
    encoding: UTF-8
    prefix: classpath:/template/
    suffix: .html
    servlet:
      content-type: text/html
    cache: false

# mybatis config
mybatis-plus:
  mapper-locations: classpath:mappers/*.xml
  type-aliases-package: com.example.demo.model
  global-config:
    db-config:
      id-type: auto

3. 在 resources目录下新建 template目录存放页面

在这里插入图片描述
如上图，在 template 下面新建一个 account.html页面
account.html内容如下：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
账号信息
<h3 th:text="${account.name}"></h3>
</body>
</html>

4. 添加 AccountController 代码

package com.example.demo.controller;


import com.example.demo.entity.Account;
import com.example.demo.service.AccountService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.stereotype.Controller;

/**
 * <p>
 *  前端控制器
 * </p>
 *
 * @author zorroxu
 * @since 2019-07-05
 */
@Controller
@RequestMapping("/account")
public class AccountController {

    @Autowired
    private AccountService accountService;

    @GetMapping("/{id}")
    public String getAccount(@PathVariable("id") Long id, Model model){
        Account account = accountService.getById(id);
        model.addAttribute("account",account);
        return "account";
    }
}

5. 测试

DemoApplication.java代码如下

package com.example.demo;

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.Banner;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
@MapperScan(basePackages = "com.example.demo.dao")
public class DemoApplication {

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

}

启动，可以看到控制台输出如下
在这里插入图片描述
从上面可以看出，Tomcat启动成功，端口使用的是默认的 8080端口，如果想修改这个默认端口，可以在 application.yml中添加如下信息：

server:
  port: 9990  #这里改成9990，你可以改成自己想要的端口

现在来测试页面是否正确输出

在浏览器中输入 http://localhost:8080/account/1，可以看到页面显示如下：
在这里插入图片描述
至此，整合完成。

leoxyk

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot学习06--整合Thymeleaf

接上一篇 SpringBoot学习05–使用MyBatis-Plus代码生成器，在其基础上整合thymeleaf。1. 添加 thymeleaf 依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymelea...
复制链接

扫一扫