山东大学项目实训（三十一）—— 用户管理

视图代码和视图效果

由于实现的逻辑都是很容易想到的，故下面笔者只做简单的阐述了，具体阐述可以在答辩的时候进行详述。用户管理采用父子组件通讯方式，将用户管理抽离成一个组件，放在主页组件下。用户管理分为查询，数据列表（分页和跳转页面功能），以及编辑弹窗三个部分。

查询

数据列表

编辑用户角色

逻辑代码

由于用户管理组件是子组件，需要接受父组件传递过来的数据。
当子组件的事件触发时，需要告知父组件，让父组件对事件进行处理，父组件处理完后，再讲修改的数据传递给子组件动态展示。

父组件传递数据以及对事件的处理逻辑如下：

• 传递数据
  • 用户列表：根据页号和页大小，查询用户列表
    
  • 角色列表：用于编辑角色分配时，供管理员选择。
    
• 事件处理逻辑分为以下四种：
  
  • 查询用户：对是否有输入查询关键字进行处理，如果查询关键字不为空，则发起根据用户账号查询用户的请求；否则发起获取第一页用户列表请求。
    
  • 根据分页器的页号查询用户列表
    
  • 根据跳转页号查询用户列表：需要进行页号校验，检查页号是否合法。超出总页数或者页数小于1都提示用户输入数据非法。如果数据合法，则根据页号查询用户列表。
    
  • 编辑用户角色：每个用户登录进平台时默认分配的是普通用户，如果该用户在现实中的身份是科室主任或者领导等角色，需要管理员进行编辑，给相应用户分配相应角色。同时，如果管理员是根据用户账号查询后再编辑的，则编辑完成后，查询该用户账号。