Git Product home page Git Product logo

febs-vue-fix's Introduction

鸟先生不维护这个版本了

RT

FEBS-Vue

https://img.shields.io/badge/license-Apache%202.0-blue.svg?longCache=true&style=flat-square https://img.shields.io/badge/springboot-2.1.7-yellow.svg?longCache=true&style=flat-square https://img.shields.io/badge/shiro-1.4.1-orange.svg?longCache=true&style=flat-square https://img.shields.io/badge/vue-2.6.10-brightgreen.svg?longCache=true&style=flat-square

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

项目文档

https://mrbird.cc/FEBS-Vue-Document.html

预览地址

http://febs.mrbird.cc:8081/#/login

演示环境账号密码:

账号 密码 权限
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. 支持多数据源,代码生成
  7. 自定义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

鸣谢

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

补充

Swagger UI:

http://localhost:9527/swagger-ui.html

febs-vue-fix's People

Contributors

cowsmiles avatar iiiron avatar liuliuzx avatar mgzu avatar ming-lz avatar mxthd avatar sg-xl521 avatar willxiang avatar wuyouzhuguli avatar wx7614140 avatar xinxin0702 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.