原创

Springboot+Mybatis+Thymeleaf整合


本文主要展示Springboot+Mybatis+Thymeleaf整合流程。

注:所有内容都为我自己的学习记录,如有不对的地方,可以下评论区留言。

一.创建Springboot项目

1.创建一个新的module

image-20201214214144717

2.选中Spring Initializr
image-20201214214318441
3.填写自己的包名和项目名,继续下一步。
image-20201214214650841
4.添加需要的依赖,继续下一步。

注:Spring Boot DevTools:spring为开发者提供的开发工具,可以实现Springboot项目的热部署。

image-20201214222500005
5.填写完module name,等待maven下载好依赖和插件即可。

附上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 https://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.4.1</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.beifeng</groupId>
    <artifactId>demo</artifactId>
    <version>1.0.0</version>
    <name>demo</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <java.version>1.8</java.version>
        <!--mysql驱动版本,我习惯用这个-->
        <mysql-connector-java-version>5.1.9</mysql-connector-java-version>
    </properties>

    <dependencies>
        <!--thymeleaf依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <!--springboot框架web起步依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <!--mybatis集成springboot框架起步依赖-->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.4</version>
        </dependency>
        <!--devtools依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>
        <!--mysql驱动-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
            <version>${mysql-connector-java-version}</version>
        </dependency>
        <!--springboot测试依赖-->
        <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>

二.主配置文件。

Springboot项目创建完毕后,开始修改配置文件,框架原来的配置文件是properties文件,这里使用yml文件进行配置,将application.properties文件改为application.yml即可。

为了方便生产环境开发环境配置文件的切换,所以创建两个文件分开配置。

  • application.yml(主配置文件)
  • application-dev.yml(开发环境)
  • application-pro.yml(生产环境)

application.yml

spring:
  thymeleaf:
    mode: HTML
  profiles:
    active: dev

mybatis:
  mapper-locations: classpath:dao/*.xml
  type-aliases-package: com.beifeng.demo.dao

application-dev.yml

spring:
  datasource:
  	#注意:mysql驱动为8.x以上配置不同
    #driver-class-name: com.mysql.cj.jdbc.Driver
    #此配置为mysql 5.x版本
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://localhost:3306/demo?useUnicode=true&characterEncoding=UTF-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8
    username: root
    password: "666666"
    
#设置thymeleaf模板引擎缓存,默认开启
  thymeleaf:
    cache: false
    
server:
  port: 8080

application-pro.yml

spring:
  datasource:
  	#注意:mysql驱动为8.x以上配置不同
    #driver-class-name: com.mysql.cj.jdbc.Driver
    #此配置为mysql 5.x版本
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://localhost:3306/demo?useUnicode=true&characterEncoding=UTF-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8
    username: root
    password: "666666"
    
server:
  #设置8081方便测试,部署时改回8080
  port: 8081

三.测试环境。

1.构建包结构

创建包domain、controller、service、dao。以及resources文件下创建dao文件夹,用来放dao层的xml文件。

实操代码如下。

数据库表结构

image-20201214233151910

2.创建实体类

User.java(省略了get,set和toString)

package com.beifeng.demo.domain;

/**
 * @author BeiFeng
 * @version 1.0
 * @date 2020/12/14 23:03
 */
public class Student {
    private Integer id;
    private String name;
    private Integer age;

    public Student() {
    }
}

3.创建控制层

IndexController.java

package com.beifeng.demo.web.controller;

import com.beifeng.demo.domain.Student;
import com.beifeng.demo.service.StudentService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;

/**
 * @author BeiFeng
 * @version 1.0
 * @date 2020/12/14 23:07
 */
@Controller
public class IndexController {

    @Autowired
    StudentService studentService;

    @GetMapping("/")
    public String Student(@RequestParam Integer id,
                          Model model){

        Student student = studentService.queryStudent(id);
        model.addAttribute("student", student);

        return "index";
    }
}

4.创建业务层

Service接口:StudentService.java

package com.beifeng.demo.service;

import com.beifeng.demo.domain.Student;

/**
 * @author BeiFeng
 * @version 1.0
 * @date 2020/12/14 23:16
 */
public interface StudentService {

    Student queryStudent(Integer id);

}

实现Service接口:StudentServiceImpl.java(存放到service包下的impl文件夹中)

package com.beifeng.demo.service.impl;

import com.beifeng.demo.domain.Student;
import com.beifeng.demo.dao.StudentDao;
import com.beifeng.demo.service.StudentService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

/**
 * @author BeiFeng
 * @version 1.0
 * @date 2020/12/14 23:16
 */
@Service
public class StudentServiceImpl implements StudentService {

    @Autowired
    StudentDao studentDao;

    @Override
    public Student queryStudent(Integer id) {
        return studentDao.queryStudent(id);
    }
}

5.创建dao层

创建接口:StudentDao.java

package com.beifeng.demo.dao;

import com.beifeng.demo.domain.Student;

/**
 * @author BeiFeng
 * @version 1.0
 * @date 2020/12/14 23:17
 */
public interface StudentDao {
    Student queryStudent(Integer id);
}

在resource下的dao文件夹创建StudentDao.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.beifeng.demo.dao.StudentDao">
    <select id="queryStudent" resultType="com.beifeng.demo.domain.Student">
        select * from t_student where id=#{id}
    </select>
</mapper>
6.最终框架结构

image-20201214234620085

7.配置dao层路径

完成以上代码之后,需要在启动类上用注解配置扫描dao层文件

@MapperScan("dao层接口文件所在的包")

package com.beifeng.demo;

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

@SpringBootApplication
@MapperScan("com.beifeng.demo.dao")
public class DemoApplication {

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

}

四.运行测试(整合thymeleaf)

在templates文件夹下创建:index.html

在html标签中添加**【xmlns:th="http://www.thymeleaf.org"】**

可以用【th:text="${student.name}"】【th:text="${student.age}"】获取控制层传过来的数据。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    学生姓名:<span th:text="${student.name}"></span><br>
    学生年龄:<span th:text="${student.age}"></span><br>
</body>
</html>

在浏览器地址栏输入

image-20201214235624699

测试成功,框架基本构建完成。


如果有什么不对的地方,可以在评论区留言哦。

  • 作者:北风(联系作者)
  • 发表时间:2020-12-15 00:03:09
  • 更新时间:2021-01-13 19:01:54
  • 版权声明:自由转载-非商用-非衍生-保持署名
  • 评论

    评论