皇上,还记得我吗?我就是1999年那个Linux伊甸园啊-----24小时滚动更新开源资讯,全年无休!

Febs Vue 版发布,基于 Spring Boot 的权限管理系统

一款基于 Spring Boot,Shiro,Vue 的前后端分离权限管理系统,前端组件采用 ant-design-vue

预览地址

服务器带宽小,初次加载较慢,请耐心等待:http://111.230.157.133:8081

账号密码:

账号 密码 权限
scott 1234qwer 注册账号,拥有查看,新增导出等权限,但不能新增用户
jack 1234qwer 普通账户,仅拥有所有页面查看权限
mrbird 进群获取,或者自己搭建体验 超级管理员,拥有所有增删改查权限

功能模块

├─系统管理
│  ├─用户管理
│  ├─角色管理
│  ├─菜单管理
│  ├─部门管理
│  └─字典管理
├─系统监控
│  ├─在线用户
│  ├─系统日志
│  ├─Redis 监控
│  ├─请求追踪
│  └─系统信息
│     ├─JVM 信息
│     ├─服务器信息
│     └─Tomcat 信息
│─任务调度
│  ├─定时任务
│  └─调度日志
│─网络资源
│  ├─天气查询
│  ├─影视资讯
│  │  ├─即将上映
│  │  └─正在热映
│  └─每日一文
└─其他模块
   └─导入导出

技术选型

前端

后端

系统特点

  1. 根据不同用户权限动态构建路由
  2. RESTFul 风格接口
  3. 前后端请求参数校验
  4. 支持 Excel 导入导出
  5. 前端页面布局多样化,主题多样化
  6. 自定义 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 中一个请求的完整流程:

系统预览

使用教程

后端

  1. IDEA 或者 Eclipse 安装 lombok 插件
  2. 新建 MySQL(版本 5.7.x)数据库,导入 SQL 文件
  3. 导入项目
  4. 修改数据库配置,redis 配置,等待 Maven 下载依赖
  5. 启动项目

前端

# 安装 yarn
npm install yarn

# 下载依赖
yarn install

# 启动
yarn start

# 编译
yarn build

详细文档编写中…

鸣谢

感谢以下优秀的开源项目:

反馈交流

转自 https://www.oschina.net/news/104024/febs-vue-version-released

分享到:更多 ()