若依框架学习（前后端分离）——（用户管理学习篇（1））

系列文章目录

若依框架学习（前后端分离）——（win11部署docker redis）
若依框架学习（前后端分离）——（redis 浅学）
若依框架学习（前后端分离）——（启动）
若依框架学习（前后端分离）——（登录代码学习篇）

---

---

前言

前面已经学习了关于登录的几个方法，具体有验证码的实现，登录验证，用户权限角色信息，用户路由建立等等。下面来学习具体用户管理涉及到的代码部分。

---

一、流程

加载vue页面——>请求后台数据处理

created() {
   
   
    this.getList();//获取上图中用户信息表
    this.getDeptTree();//获取上图中公司架构组织
    this.getConfigKey("sys.user.initPassword").then(response => {
   
   
      this.initPassword = response.msg;
    });
  },

二、getlist方法获取用户信息

1.用户分页

methods: {
   
   
    /** 查询用户列表 */
    getList() {
   
   
      this.loading = true;//加载效果
      listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
   
   
          this.userList = response.rows;
          this.total = response.total;
          this.loading = false;