SpringBoot,Shiro,JWT,Vue & Ant Design 前后端分离权限管理系统,预览地址(小油管,初次加载较慢):
Branch: master
Clone or download
wuyouzhuguli update readme.md
update readme.md
Latest commit 2f92cf5 Feb 18, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
backend update Feb 12, 2019
frontend delete console.log Feb 1, 2019
images first commit Jan 28, 2019
sql update sql Jan 29, 2019
.gitignore update ignorefile Jan 28, 2019
LICENSE first commit Jan 28, 2019
README.md update readme.md Feb 18, 2019

README.md

FEBS-Vue

https://img.shields.io/badge/build-success-brightgreen.svg?longCache=true&style=flat-square https://img.shields.io/badge/license-MIT-blue.svg?longCache=true&style=flat-square https://img.shields.io/badge/springboot-2.1.0-yellow.svg?longCache=true&style=flat-square https://img.shields.io/badge/shiro-1.4.0-orange.svg?longCache=true&style=flat-square https://img.shields.io/badge/vue-2.5.17-brightgreen.svg?longCache=true&style=flat-square

FEBS-Vue为FEBS-Shiro的前后端分离版本,前端使用Vue全家桶,组件库采用Ant-Design-Vue

预览地址

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

演示环境账号密码:

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

本地部署账号密码:

账号 密码 权限
scott 1234qwer 注册账号,拥有查看,新增导出等权限,但不能新增用户
jack 1234qwer 普通账户,仅拥有所有页面查看权限
mrbird 1234qwer 超级管理员,拥有所有增删改查权限

使用教程

后端

  1. IDEA 或者 Eclipse安装lombok插件

  2. 新建MySQL(版本5.7.x)数据库,导入SQL文件

  3. 导入backend项目

  4. 修改数据库配置,redis配置,等待Maven下载依赖

  5. 启动backend项目

前端

  1. 安装node.js

  2. 切换到frontend文件夹下

# 安装yarn
npm install -g yarn

# 下载依赖
yarn install

# 启动
yarn start

详细文档编写中...

功能模块

├─系统管理
│  ├─用户管理
│  ├─角色管理
│  ├─菜单管理
│  ├─部门管理
│  └─字典管理
├─系统监控
│  ├─在线用户
│  ├─系统日志
│  ├─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中一个请求的完整流程:

request.png

系统预览

1.png

2.png

3.png

4.png

6.png

7.png

8.png

9.png

10.png

鸣谢

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

反馈交流

QQ