Spring Boot+Spring Cloud+Vue+Element项目实战:手把手教你开发权限管理系统
上QQ阅读APP看书,第一时间看更新

1.3 系统界面

1.3.1 登录页面

系统登录界面如图1-3所示,因为验证码是通过后台生成的,所以显示验证码需要后台的支持。

图1-3

1.3.2 系统主页

系统主页主要是系统介绍内容,如图1-4所示。

图1-4

1.3.3 用户管理

用户管理支持用户的增、删、改、查功能,用户可以配置角色和机构。另外,在工具栏提供了表格列过滤和导出Excel表格的实现范例,如图1-5所示。

图1-5

1.3.4 机构管理

机构管理支持机构的增、删、改、查功能,是树型层级结构,如图1-6所示。

图1-6

1.3.5 角色管理

角色管理支持角色的增、删、改、查功能,支持给选定角色配置不同的菜单权限,如图1-7所示。

图1-7

1.3.6 菜单管理

菜单管理支持菜单的增、删、改、查功能,是树型层级结构。菜单可以设置类型、图标、权限标识和菜单路径URL属性,如图1-8所示。

图1-8

1.3.7 字典管理

字典管理支持数据字典的增、删、改、查功能,如图1-9所示。

图1-9

1.3.8 系统配置

系统配置支持系统配置信息的增、删、改、查功能,如图1-10所示。

图1-10

1.3.9 登录日志

登录日志支持系统登录日志的查询,如图1-11所示。

图1-11

1.3.10 操作日志

操作日志支持系统用户操作日志的查询,如图1-12所示。

图1-12

1.3.11 注册中心

注册中心可以查看Consul注册中心的服务页面,可以查看当前服务的注册情况和健康状况信息,如图1-13所示。

图1-13

1.3.12 接口文档

接口文档可以查看Swagger集成的接口文档页面,如图1-14所示。

图1-14

1.3.13 数据监控

数据监控可以查看Druid提供的数据监控界面,可以查看SQL监控、Session监控等信息内容,如图1-15所示。

图1-15

1.3.14 服务监控

服务监控可以查看Spring Boot Admin提供的Spring Boot应用监控页面,查看应用的CPU、线程、内存和垃圾回收状态等信息,如图1-16所示。

图1-16

1.3.15 备份还原

备份还原入口在用户信息面板,可以提供系统数据的备份和还原,包括备份创建、备份删除、备份查询和备份还原功能,如图1-17所示。

图1-17

1.3.16 主题切换

主题切换支持通过主题切换器实现一键换肤的功能。

1. 绿色主题(如图1-18所示)

图1-18

2. 黑色主题(如图1-19所示)

图1-19