![Spring Boot+Spring Cloud+Vue+Element项目实战:手把手教你开发权限管理系统](https://wfqqreader-1252317822.image.myqcloud.com/cover/866/26542866/b_26542866.jpg)
1.3 系统界面
1.3.1 登录页面
系统登录界面如图1-3所示,因为验证码是通过后台生成的,所以显示验证码需要后台的支持。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P22_1407.jpg?sign=1738957208-0L5QOsAkcf8IJ5gL8lD2iHBAiGbYH9MO-0-185970e5b657e5c08e9330dde1d4b55a)
图1-3
1.3.2 系统主页
系统主页主要是系统介绍内容,如图1-4所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P23_1523.jpg?sign=1738957208-5lYXcoN916p7CvotCzP2UD6DxWUp3jHD-0-76f836b10557aca7d30e0d65c2aeac1b)
图1-4
1.3.3 用户管理
用户管理支持用户的增、删、改、查功能,用户可以配置角色和机构。另外,在工具栏提供了表格列过滤和导出Excel表格的实现范例,如图1-5所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P23_1535.jpg?sign=1738957208-5J1kBhtvmMnrG3wo55vK2pvzxEI49Niv-0-3a01233e02e04c97ed14028d1d306529)
图1-5
1.3.4 机构管理
机构管理支持机构的增、删、改、查功能,是树型层级结构,如图1-6所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P24_1551.jpg?sign=1738957208-SC8cZKMqHdhWNthTHGr1HRCrYXDG9hJI-0-b6d30c21d29dcd3ed53e49f4c336b83f)
图1-6
1.3.5 角色管理
角色管理支持角色的增、删、改、查功能,支持给选定角色配置不同的菜单权限,如图1-7所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P24_1563.jpg?sign=1738957208-qvpCg1tJhYqMCqz5MC45zYBP94zMSGbk-0-67bf3bc42a5c6c80b02a3382f58576ed)
图1-7
1.3.6 菜单管理
菜单管理支持菜单的增、删、改、查功能,是树型层级结构。菜单可以设置类型、图标、权限标识和菜单路径URL属性,如图1-8所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P25_1582.jpg?sign=1738957208-bacOvlmsttCedbVuIDf7KSZ1xxY3Dt0q-0-5c1132892c3e7deaf574dcb18d732e36)
图1-8
1.3.7 字典管理
字典管理支持数据字典的增、删、改、查功能,如图1-9所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P25_1593.jpg?sign=1738957208-mgQD8f6WroenLlqA19EGXf2h1rPK93QV-0-0db6dea68dd4009c50cc2e3f787d6ecb)
图1-9
1.3.8 系统配置
系统配置支持系统配置信息的增、删、改、查功能,如图1-10所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P25_1604.jpg?sign=1738957208-cBKf282UtIy0M3CkQ66m3bQekkFIKWuk-0-d685f53becbafdcd62bcc68962a4da80)
图1-10
1.3.9 登录日志
登录日志支持系统登录日志的查询,如图1-11所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P26_1623.jpg?sign=1738957208-RDNN8YVZcW4YgGUOldhHCRYaNxvHFmtd-0-3005c1216cb03e69fd575aadfe5f924f)
图1-11
1.3.10 操作日志
操作日志支持系统用户操作日志的查询,如图1-12所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P26_1635.jpg?sign=1738957208-km4s4gLTnugD4iNkk9NxdX9HBSTfCHZw-0-ac3c313402bd8514b9ca5e7e2c923e00)
图1-12
1.3.11 注册中心
注册中心可以查看Consul注册中心的服务页面,可以查看当前服务的注册情况和健康状况信息,如图1-13所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P27_1655.jpg?sign=1738957208-dF0mSLVJEOu1Xpe2qWpUKixSuH1v35at-0-be74ecbf1c85639c77a7f8d604b1c026)
图1-13
1.3.12 接口文档
接口文档可以查看Swagger集成的接口文档页面,如图1-14所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P27_1666.jpg?sign=1738957208-bWlX06xDSzlSxbwJW3LReea4yv1vRlux-0-0e5e8212dce3a7e5374eb9a265217870)
图1-14
1.3.13 数据监控
数据监控可以查看Druid提供的数据监控界面,可以查看SQL监控、Session监控等信息内容,如图1-15所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P27_1677.jpg?sign=1738957208-K2ktwSqs9tmnU2DHet8gfNGlK7O47Uoq-0-79e01a48f75c5aefd2405705b495193f)
图1-15
1.3.14 服务监控
服务监控可以查看Spring Boot Admin提供的Spring Boot应用监控页面,查看应用的CPU、线程、内存和垃圾回收状态等信息,如图1-16所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P28_1694.jpg?sign=1738957208-7d5wWuElprSxpVkn7gbjDjH6Ef9s6bKN-0-4ce553ef2b822533644f8bd10856baa6)
图1-16
1.3.15 备份还原
备份还原入口在用户信息面板,可以提供系统数据的备份和还原,包括备份创建、备份删除、备份查询和备份还原功能,如图1-17所示。
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P28_1705.jpg?sign=1738957208-MGb3vnRponthZeJrISCnB7QULRY0gqEZ-0-5c1173bfb32de2c158f3991ffa72213e)
图1-17
1.3.16 主题切换
主题切换支持通过主题切换器实现一键换肤的功能。
1. 绿色主题(如图1-18所示)
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P29_1725.jpg?sign=1738957208-epOFP6bqUTRY8sthTypXbxYmqNbOeqCD-0-7393e6939bfeaa03458e5404559352b1)
图1-18
2. 黑色主题(如图1-19所示)
![](https://epubservercos.yuewen.com/2B3992/15056704605217506/epubprivate/OEBPS/Images/Figure-P29_1736.jpg?sign=1738957208-VlWZ7UccuOVyUETW9CxDBOY3CQSRxT11-0-3d7d43471aab859c4e556633af1beedc)
图1-19