/spring-boot-vue-admin

前端Vue + 后端Spring Boot 完全分离的用户角色管理模板

Primary LanguageJavaApache License 2.0Apache-2.0

Spring Boot Vue Admin

stars license

简介

提供一套前后端分离的后台权限管理模版。

前端思路参考《手摸手,带你用vue撸后台 系列二(登录权限篇)》,模板来自 vue-element-admin,其他功能可以根据该项目进行拓展。

后端思路参考《Role-Based Access Control 新解》,模板来自 spring-boot-api-seedling,设计思路请看 api 的 README

后端模板 seedling 改动比该 admin 项目快,由于代码基本差不多,除了业务逻辑,请尽量参考模板 seedling。

预览

权限列表

角色管理

用户管理

用户角色控制

Demo

在线 Demo:暂无

依赖版本

前端依赖 版本
node 10.5.0
npm 6.1.0
后端依赖 版本
SpringBoot 2.0.2

快速开始

# 克隆项目
git clone https://github.com/Zoctan/spring-boot-vue-admin.git

# 进入项目
cd spring-boot-vue-admin

# 后端
cd api

# 导入数据库文件(记得修改数据库信息)
sudo chmod a+x resetDB.sh && ./resetDB.sh

# 启动后端服务...

# 前端
cd app

# 安装依赖
npm install

# 启动前端服务
npm run dev

欢迎小伙伴 star 和 issues ~ 谢谢 :)

问题解决

no such file/ansi-styles/css-loader

如果出现以下错误,请先单独安装 npm install css-loader,再安装项目依赖 npm install

npm ERR! enoent ENOENT: no such file or directory, rename '/workspace/spring-boot-vue-admin/app/node_modules/.staging/css-loader-b931fe48/node_modules/ansi-styles' -> '/workspace/spring-boot-vue-admin/app/node_modules/.staging/ansi-styles-6535fafb'

更新日志

2018-06-10 由于 Redis 主要充当缓存数据库,但在该项目没起多大作用,故而移除 Redis。注意,如果需要在注销时使得 token 无效就需要搭配使用 Redis,可以自行根据后端模板进行添加。