day13-用户管理实现

1. 用户管理实现

1.1 用户管理后台搭建

-1 表设计

-2.User的POJO设计

package com.jt.pojo;

import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Data;
import lombok.experimental.Accessors;

/**
 * @author 刘昱江
 * 时间 2021/2/2
 */
@TableName("user")
@Data
@Accessors(chain = true)
public class User extends BasePojo{
   
    @TableId(type = IdType.AUTO)
    private Integer id;
    private String username;
    private String password;
    private String phone;
    private String email;
    private Boolean status;

    @TableField(exist = false)  //该属性不存在
    private Role role;  //定义role角色数据
}

-3.用户查询的业务接口文档

请求路径: /user/list
请求类型: GET
请求参数: 后台使用PageResult对象接收
请求案例: http://localhost:8091/user/list?query=查询关键字&pageNum=1&pageSize=10

响应参数: SysResult对象 需要携带分页对象 PageResult

PageResult 对象介绍

-4 .页面调用JS流程

1.生命周期函数

    //利用钩子函数实现数据查询
    mounted(){
   
      this.getUserList()
    }

2.getUserList()函数定义

async getUserList(){
   
        const {
   data: result} = await this.$http.get('/user/list',{
   
           params: this.queryInfo
        })
        if(result.status !== 200) return this.$message.error("用户列表查询失败")
        
        this.userList = result.data.rows
        this.total = result.data.total
        console.log("总记录数:"+this.total)
      }

-5 封装PageResult–VO层

说明: 该对象主要的作用,封装分页后的结果 其中的数据需要在业务层 赋值.最后由SysResult对象 携带返回给用户.

package com.jt.vo;

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

@Data
@Accessors(chain = true)
public class PageResult {
   
    private String  query;   //用户查询的数据
    private Integer pageNum; //页数
    private Integer pageSize;//每页的条数
    private Long    total;   //总记录数
    private Object  rows;    //分页后的结果
}

-6 .编辑UserController

   /**
     * 业务:实现用户列表的分页查询
     * URL: /user/list