springboot shiro vue 后台管理小框架

springboot shiro vue 后台管理小框架

Java 其它杂项

访问GitHub主页

共3Star

详细介绍

Permission 一个权限管理系统

学习 wuyouzhuguli 大神的作品，学习到了很多，顾写下此项目实战练习。 参考：https://github.com/wuyouzhuguli/FEBS-Shiro，本项目就来自学习了大神的项目后把自己理解的部分（加上自己的代码风格、思路）写了出来。欢迎大家学习这个项目，相信对大家的学习很有帮助。

用户名 密码 备注
admin 123456 管理员，拥有所有权限
tycoding 123456 测试账号，可查看所有页面，但无操作权限
tumo 123456 用户管理员

功能模块

├─项目文档(Swagger2.0)
├─系统管理
│  ├─用户管理
│  ├─角色管理
│  ├─菜单管理
│  └─部门管理
├─系统监控
│  ├─在线用户
│  ├─登录日志
│  ├─系统日志
│  ├─Redis监控
│  └─Druid监控
├─对象储存
│  ├─七牛云
│─网络资源
│  ├─天气查询
│  └─影视资讯

文档

后端

  • 基础框架： Spring Boot 2.1.2.RELEASE

  • 持久层框架： MyBatis 3.4.6

  • 权限框架： Shiro 1.4.0

  • 模板引擎： Thymeleaf 3.0.11.RELEASE

  • 缓存框架： Redis

  • 其他： Swagger2、七牛云、Mybatis通用Mapper、druid、Logback、fastjson、pageHelper

  • UI： ElementUI

  • 前端： Vue.js

开发环境

  • 语言： JDK1.8

  • IDE： IDEA 2018.3

  • 依赖管理： Maven

  • 数据库： Mysql 5.7.24

写在前面

如果你看到技术选型可能会疑问前面完全依赖Vue.js，为何还是HTML页面？没错，前端是完全依赖Vue.js的，整个项目都没有用到JQuery。如果你学过Vue肯定熟悉NPM，Vue官方也推荐使用NPM开发，但为了更方便部署学习，这里使用HTML + Thymeleaf 解析页面。

虽然用了Thymeleaf，但也仅是用来解析页面视图地址，并没有在数据层用到Thymeleaf，所有的数据都依赖vue-resource异步获取，我以一张简单的图来解释项目交互流程：

推荐源码