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

栏目: 软件资讯 · 发布时间: 7年前

内容简介:一款基于 Spring Boot,Shiro,Vue 的前后端分离权限管理系统,前端组件采用 ant-design-vue。 预览地址 服务器带宽小,初次加载较慢,请耐心等待:http://111.230.157.133:8081。 账号密码: 账号 密码 权限 sc...

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

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

预览地址

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

账号密码:

账号密码 权限
scott1234qwer注册账号,拥有查看,新增导出等权限,但不能新增用户
jack1234qwer普通账户,仅拥有所有页面查看权限
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中一个请求的完整流程: 

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

系统预览

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

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

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

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

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

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

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

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

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

使用教程

后端

  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

详细文档编写中...

鸣谢

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

反馈交流

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

 


以上所述就是小编给大家介绍的《Febs Vue 版发布,基于 Spring Boot 的权限管理系统》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

DIV+CSS网站布局从入门到精通

DIV+CSS网站布局从入门到精通

2011-1 / 58.00元

《DIV+CSS网站布局从入门到精通》介绍了商业类型的网页设计,以及目前流行的div+CSS标准布局方法和实战技法。通过十个经典案例,分别从不同类型网站的布局风格以及实现方法来讲解div+CSS网页布局和制作方法。全书系统地讲解了CSS样式的基础理论和实际运用技术,并结合实例来讲解层叠样式表与层布局相结合制作网页的方法。在实例制作过程中除了介绍CSS样式设计各方面的知识外,还结合实际网页制作中可能......一起来看看 《DIV+CSS网站布局从入门到精通》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具