SpringBoot+MyBatis+VUE前后端分离

需求分析

题目：使用vue和elementui实现界面,使用springboot+mybatis实现后台,使用axios实现user(id,name,age)增删改查

1、创建表

三个字段

1. id 类型int 主键 自动递增
2. name 类型varchar
3. age 类型int
   
   

2、创建SpringBoot项目

2.1 选择项目类型

2.2 设置组名包名等（根据个人需求更改）

2.3 选择依赖

2.3.1 选择Web依赖

2.3.2 选择MySQL和MyBatis依赖

2.4 设置项目名和模板名（根据个人需求进行更改）

设置完成后，选择Finish

3、在resources下新建配置文件application.yml

3.1 在application.yml文件中设置mapper.xml文件所在位置

spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/app0728?serverTimezone=GMT%2B8&useSSL=true
    username: root
    password: 123456


mybatis:
  mapper-locations: classpath:mapping/*.xml

如果是这种方法，则需要在resources文件加下新建文件夹mapping

3.2 第二种方法

注意：application.yml中关于mybatis的mapper-locations配置也可以有另一种解决方法
在pom.xml中加入resources（此时application.yml中不再需要配置mybatis:mapper-locations），写法如下：

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
    </plugins>
    <resources>
        <resource>
            <directory>src/main/java</directory>
            <includes>
                <include>**/*.xml</include>
            </includes>
        </resource>
    </resources>
</build>

4、分页插件的配置以及文件映射的配置

4.1 分页插件（使用pagehelper-spring-boot依赖）

        <dependency>
            <groupId>com.github.pagehelper</groupId>
            <artifactId>pagehelper-spring-boot-starter</artifactId>
            <version>1.3.0</version>
        </dependency>

注意：如果使用的是pagehelper依赖（pagehelper，不是pagehelper-spring-boot-starter），则不能直接使用，还需要在application.yml中配置相关参数，不推荐这样做

4.2 文件映射的配置

spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/app0728?serverTimezone=GMT%2B8
    username: root
    password: 123456
  resources:
    static-locations: file:D:\image  #访问系统外部资源，将该目录下的文件映射到系统下
  mvc:
    static-path-pattern: /upload/**  #该属性的默认值是/**

注意：resources和mvc需要和datasource保持同级

5、后台代码编写

5.1 文件分级（mapper.xml文件选择了第二种方法）

5.2 Application中加入注解

package com.tjetc;

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

@MapperScan("com.tjetc.mapper") //扫描mapper接口
@SpringBootApplication
public class Application {
   
   

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

}

5.3 User.class

package com.tjetc.domain;

public class User {
   
   
    private Integer id;
    private String name;
    private Integer age;

    @Override
    public String toString() {
   
   
        return "User{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", age=" + age +
                '}';
    }

    public User() {
   
   
    }

    public User(Integer id, String name, Integer age) {
   
   
        this.id = id;
        this.name = name;
        this.age = age;
    }

    public Integer getId() {
   
   
        return id;
    }

    public void setId(Integer id) {
   
   
        this.id = id;
    }

    public String getName() {
   
   
        return name;
    }

    public void setName(String name) {
   
   
        this.name = name;
    }

    public Integer getAge() {
   
   
        return age;
    }

    public void setAge(Integer age) {
   
   
        this.age = age;
    }
}

5.4 UserMapper.class

package com.tjetc.mapper;

import com.tjetc.domain.User;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface UserMapper {
   
   

    List<User> listByName(String name);

    void add(User user);

    void update(User user);

    void del(Integer id);
}

5.5 UserMapper.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.tjetc.mapper.UserMapper">