基于vue-admin-template实现的通用后台管理系统,改进了权限管理(实现动态权限管理)。后端参看jzframe项目。 见:http://35.220.190.136:9528/
#简介: 前端基于vue,后端基于spring boot的通用后台管理系统。 功能包括登录、用户管理、角色权限管理、部门管理、个人主页。
技术上
1、前端是基于vue的vue-admin-template模版。自行开发了系统管理功能。实现了动态角色权限配置。
2、后端是基于springboot。实现了数据的增删查改(mybatis、springdatajpa、mysql)、图片上传及小图裁剪处理(lmax-disrupter)、权限管理(shiro)、前 后端数据通信(jwt)、项目持续集成部署(git、jenkins、docker)、缓存处理(redis)。
A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
Live demo: http://panjiachen.github.io/vue-admin-template
# Clone project
git clone https://github.com/PanJiaChen/vue-admin-template.git
# Install dependencies
npm install
# Serve with hot reload at localhost:9528
npm run dev
# Build for production with minification
npm run build
# Build for production and view the bundle analyzer report
npm run build --report
If you want router permission && generate menu by user roles , you can use this branch permission-control
This project is based on webpack4
development. If you want to use webpack3
development, please use this branch webpack3
First find index.html
(root directory)
Import css and js of Element
, and then import vue. Because Element
is vue-dependent, vue must be import before it.
Then find webpack.base.conf.js
Add externals
to make webpack not package vue and element.
externals: {
vue: 'Vue',
'element-ui':'ELEMENT'
}
Finally there is a small detail to pay attention to that if you import vue in global, you don't need to manually Vue.use(Vuex)
, it will be automatically mounted, see
issue
And you can use npm run build --report
to see the effect
MIT license.
Copyright (c) 2017-present PanJiaChen