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

最新推荐文章于 2025-10-22 20:05:31 发布

原创

最新推荐文章于 2025-10-22 20:05:31 发布 · 1.8k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#学习 #javascript #vue.js

文章详细描述了在若依框架下进行前后端分离开发的过程，包括用户信息的分页查询、数据获取、登录验证以及部门树的获取方法。重点展示了如何使用Vue和API进行数据交互，涉及权限控制和分页功能的实现。

系列文章目录

若依框架学习（前后端分离）——（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;