springboot+vue实现登录案例（附VUE整个项目代码）

文章目录

• 前言
• 一、准备环境
• • 1.1 springboot 整合mybatis、swagger、代码生成器、Lombok
  • 1.2 环境工具
• 二、开发思路及流程
• • 2.1 根据前端登录代码和用户页面设计对象返回类型
  • 2.2 根据列表参数和返回类型设计controller层
  • 2.3 根据前端登录代码和用户页面设计接口和数据库的表
  • 2.4 编写service层的代码
  • 2.5 编写dao层(mapper)的代码
  • 2.6 根据数据库的表生成Entity层的User对象代码
• 三、运行项目
• 总结

---

前言

提示：这里可以添加本文要记录的大概内容：

---

一、准备环境

1.1 springboot 整合mybatis、swagger、代码生成器、Lombok

上一篇文章已经讲到

springboot 整合mybatis、swagger、代码生成器、Lombok

1.2 环境工具

vue 框架（使vscode导入已经写好的前端项目）
springboot框架（IDEA开发工具）

二、开发思路及流程

2.1 根据前端登录代码和用户页面设计对象返回类型

根据上述的前端页面和代码，发现success和msg是公共的（都需要返回的一个数据）；
除此之外，还有一个data，这个应该是一个用户的实体类对象。这个data的属性还包含了token。
根据上述页面设计返回对象的工具类及相关的对象。
1、提取公共的属性：

package com.tzw.ecbms.util;

import lombok.Data;
import lombok.experimental.Accessors;

import java.util.HashMap;
import java.util.Map;

/**
 * @author tzw
 * @version 1.0
 * 返回结果
 */
@Data
@Accessors(chain = true)
public class Resp {
    //操作是否成功
    private Boolean success;
    //状态码
    private In
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19