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 的权限管理系统》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

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

Web信息架构(第3版)

Web信息架构(第3版)

Peter Morville、Louis Rosenfeld / 陈建勋 / 电子工业出版社 / 2008年8月 / 85.00

本书涵盖了信息架构基本原理和实践应用的方方面面。全书共7个部分,包括信息架构概述、信息架构的基本原理、信息架构的开发流程和方法论、信息架构实践、信息架构与组织、两个案例研究,以及参考资料清单。 本书兼具较高的理论价值和实用价值,曾被Web设计领域多本书籍重点推荐,是信息架构领域公认的经典书,不论新手还是专家都能各取所需。本书可供Web设计与开发者、Web架构师、网站管理者及信息管理相关人员参......一起来看看 《Web信息架构(第3版)》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具