先来看效果
超管登录
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/83b90404d2ac40eeaa3619ccde642cde.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/34d1a2d7e5bf4324bf142383e290ef7f.png)
普通用户登录
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/d705ce8d23d94156b83c63d3ce2d1c29.png)
数据库设计
数据库设计中使用了一对多的关联关系,用户可以有多个角色,角色可以有多个权限,不同的权限对应不同的路由,所以才在不同的用户登录的情况下看到了不同的路由页面的呈现。
项目设计
后端设计
后端使用了最基本的 java 代码,和 lib 来创建对应的 Controller 获取前端页面的请求。
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/12fcb201f99b466aa444f1ed7af53faf.png)
前端设计
如图所示,使用vue代码来编写前端的显示界面,并通过 Restful 风格的接口设计来进行数据传输
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/8d11a0d79194483ca7aa2d8064045bb4.png)
项目扩展性
这仅仅是一个权限管理的框架,可扩展性极高,如可以添加不同的角色权限内容。添加不同的页面和对应页面上的功能,都是可以定制化的。