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

最新推荐文章于 2024-08-31 16:34:05 发布

mark_bin

最新推荐文章于 2024-08-31 16:34:05 发布

阅读量1.9k

点赞数 2

文章标签： mybatis mysql spring boot vue.js

本文链接：https://blog.csdn.net/mark_bin/article/details/104258293

版权

这是一个使用Vue、SpringBoot、Mybatis和Mysql实现的前后端分离案例，主要涉及用户信息的增删改查操作。首先介绍了如何创建用户表，然后详细讲解了从实体类到dao层、service层、Controller层以及配置类的编写过程，最后提到了SpringBoot启动类和mapper、yml文件的配置。

摘要由CSDN通过智能技术生成

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> getAll();
    User getUserById(in

最低0.47元/天解锁文章