前言：
这一节是将ruoyi的前端界面过一遍，查看所有系统菜单及页面功能，为后续代码学习做准备。（注意：文中包含大量截图，截图为从本地启动的3.9.0 vue3的前端界面。）

一 系统管理

1 用户管理

主要功能：用户信息的CRUD包括用户批量导入导出功能

• 用户导入
  

• 用户新增

这里岗位没有权限控制，只是一个展示标签

• 用户信息修改
  
• 角色分配

这里角色权限的展示及提交，这里除了admin外只有common角色，所以不能修改

• 展示内容：部门，用户数据

其中admin账号不可操作，其它账号只可分配普通角色权限

2 角色管理

• 角色信息crud，导出，角色信息展示
  
• 角色修改，用于修改角色名称，菜单权限等
  
• 分配数据权限，用于给改角色设置数据权限
  
• 分配用户，用户给指定角色分配用户
  
  • 新增用户
    

3 菜单管理

• 菜单crud
  
• 已有菜单修改
  
• 菜单新增
  

4 部门管理

• 部门信息crud
  
• 部门新增
  
• 部门修改
  

5 岗位管理

• 岗位信息crud，导出
  
• 岗位新增
  
• 岗位修改
  

6 字典管理

• 字典信息crud，批量导出，缓存刷新
  
• 字典类型维护
  
  • 修改
    
• 字典信息修改
  

7 参数设置

• 参数crud，批量导出，刷新缓存
  
• 参数修改
  

8 通知公告

目前只有简单的增删改查功能

• 通知信息crud
  
• 修改
  

9 日志管理

9.1 操作日志

• 操作日志查询，删除
  
• 详细日志查询
  

9.2 登录日志

• 登录日志查询，删除
  

二 系统监控

1 在线用户

• 在线用户信息查询，强退
  

2 定时任务

• 定时任务信息crud，批量导出
  
• 调度日志查询
  
• 任务修改
  
• 任务详细
  

3 数据监控

• druid数据监控页面
  

4 服务监控

• 服务器配置及状态信息
  

5 缓存监控

• redis基本，内存信息及命令统计
  

6 缓存列表

三 系统工具

1 表单构建

• 通过拖拉拽内置组件，设计表单并导出代码
  

2 代码生成

• 针对实体表生成对应的crud方法
  

• 表创建，通过建表语句直接创建表
  

• 导入表，从数据库中导入
  

• 修改，修改基本、字段、生成信息
  

• 预览，生成代码预览
  

3 系统接口

• Swagger在线接口文档
  

四 其它

1 首页

• 官网外链及页面设置等
  

• 主题设置
  

2 个人中心

• 用户个人基本信息及修改