内容简介:一款基于 Spring Boot,Shiro,Vue 的前后端分离权限管理系统,前端组件采用 ant-design-vue。 预览地址 服务器带宽小,初次加载较慢,请耐心等待:http://111.230.157.133:8081。 账号密码: 账号 密码 权限 sc...
一款基于 Spring Boot,Shiro,Vue 的前后端分离权限管理系统,前端组件采用 ant-design-vue。
预览地址
服务器带宽小,初次加载较慢,请耐心等待:http://111.230.157.133:8081。
账号密码:
账号 | 密码 | 权限 |
scott | 1234qwer | 注册账号,拥有查看,新增导出等权限,但不能新增用户 |
jack | 1234qwer | 普通账户,仅拥有所有页面查看权限 |
mrbird | 进群获取,或者自己搭建体验 | 超级管理员,拥有所有增删改查权限 |
功能模块
├─系统管理 │ ├─用户管理 │ ├─角色管理 │ ├─菜单管理 │ ├─部门管理 │ └─字典管理 ├─系统监控 │ ├─在线用户 │ ├─系统日志 │ ├─Redis监控 │ ├─请求追踪 │ └─系统信息 │ ├─JVM信息 │ ├─服务器信息 │ └─Tomcat信息 │─任务调度 │ ├─定时任务 │ └─调度日志 │─网络资源 │ ├─天气查询 │ ├─影视资讯 │ │ ├─即将上映 │ │ └─正在热映 │ └─每日一文 └─其他模块 └─导入导出
技术选型
前端
后端
系统特点
根据不同用户权限动态构建路由
RESTFul风格接口
前后端请求参数校验
支持Excel导入导出
前端页面布局多样化,主题多样化
自定义Vue权限指令来控制DOM元素渲染与否:
指令 | 含义 | 示例 |
---|---|---|
v-hasPermission | 当用户拥有列出的权限的时候,渲染该元素 | <template v-hasPermission="'user:add','user:update'"><span>hello</span></template> |
v-hasAnyPermission | 当用户拥有列出的任意一项权限的时候,渲染该元素 | <template v-hasAnyPermission="'user:add','user:update'"><span>hello</span></template> |
v-hasRole | 当用户拥有列出的角色的时候,渲染该元素 | <template v-hasRole="'admin','register'"><span>hello</span></template> |
v-hasAnyRole | 当用户拥有列出的任意一个角色的时候,渲染该元素 | <template v-hasAnyRole="'admin','register'"><span>hello</span></template> |
请求流程
下图展示了在FEBS-Vue中一个请求的完整流程:
系统预览
使用教程
后端
IDEA 或者 Eclipse安装lombok插件
新建MySQL(版本5.7.x)数据库,导入SQL文件
导入项目
修改数据库配置,redis配置,等待Maven下载依赖
启动项目
前端
# 安装yarn npm install yarn # 下载依赖 yarn install # 启动 yarn start # 编译 yarn build
详细文档编写中...
鸣谢
感谢以下优秀的开源项目:
反馈交流
以上所述就是小编给大家介绍的《Febs Vue 版发布,基于 Spring Boot 的权限管理系统》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- vue权限管理系统
- skadmin权限管理系统
- 在 Windows 系统上降低 UAC 权限运行程序(从管理员权限降权到普通用户权限)
- 在 Windows 系统上降低 UAC 权限运行程序(从管理员权限降权到普通用户权限)
- Java开发企业级权限管理系统
- vue后台管理系统权限控制思考与实践
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。