基于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)。
vue-admin-template
A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
Live demo: http://panjiachen.github.io/vue-admin-template
Build Setup
# 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
Demo
Extra
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
Related Project
Element-Ui using cdn tutorial
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
License
MIT license.
Copyright (c) 2017-present PanJiaChen