Vue+SpringBoot+Mybatis+Mysql前后端分离案例

Vue+SpringBoot+Mybatis+Mysql前后端分离案例(一)

该案例是简单用户信息的增删改查。

1、 创建用户表

数据库使用Mysql，创建表语句如下。

 DROP TABLE IF EXISTS `userinfo`;
CREATE TABLE `userinfo` (
  `id` int(12) NOT NULL AUTO_INCREMENT,
  `name` varchar(20) CHARACTER SET utf8 DEFAULT NULL,
  `sex` varchar(10) CHARACTER SET utf8 DEFAULT NULL,
  `address` varchar(50) CHARACTER SET utf8 DEFAULT NULL,
  `telphone` varchar(11) CHARACTER SET utf8 DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=latin1;

2、用户接口编写

实体类代码：

import lombok.Data;
@Data
public class User {
    private int id;
    private String name;
    private String sex;
    private String address;
    private String telphone;
}

返回给前端的实体类,errCode为0则返回成功。

import java.util.List;
@Data
public class UserList {
    private String errCode;
    private List<User> userList;
    public UserList(String errCode, List<User> userList){
        this.errCode=errCode;
        this.userList=userList;
    }
    public UserList(){
    }
}

dao层

由于使用了注解，需要自行导入相关包。

@Mapper
@Repository
public interface UserDao {
    List<User> getA