最近抽空做了一套新的vue后台管理系统模板,基于vue-cli3和antd-design-vue,数据mock使用json-server
新版目前所有的基础结构和功能已经开发完毕,剩下的就是视情况(忙闲,毕竟还要搬砖😊)添加一些展示页面,完全不影响大家使用
大家感兴趣得话,可以去瞧瞧,如果觉得还行得话,给个⭐,谢谢各位喽😊
以下是本项目介绍
vue@2.5.2+vue-router@3.0.1+vuex@3.0.0+axios@0.17.0+element-ui@2.0.0+vue-echarts@2.5.1
# 将项目克隆到本地
git clone https://github.com/luichooy/vue-admin.git
# 进入到项目目录
cd vue-admin
# 安装依赖
npm install
# 在开发环境运行项目,并且在浏览器打开 http://localhost:7999
npm run dev
# 项目打包
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run all tests
npm test
├── build
├── config
├── src
│ ├── assets
│ │ ├── images
│ │ ├── js
| | | ├── addressData.js
│ │ │ ├── localStorage.js
│ │ │ ├── util.js
│ │ └── styles
│ │ │ ├── base.scss
│ │ │ ├── common.scss
│ │ │ ├── iconfont.css
│ │ │ ├── mixin.scss
│ │ │ ├── table.scss
│ │ │ ├── variable.scss
│ ├── components
│ │ ├── card
│ │ ├── filterbar
│ │ └── score
│ │ ├── selfAdd
│ │ ├── tableRadio
│ │ ├── validateCode
│ │ ├── Vmodel
│ ├── data
│ ├── pages
│ │ ├── charts
│ │ ├── error
│ │ ├── form
│ │ └── login
│ │ ├── main
│ │ ├── setting
│ │ ├── tables
│ │ ├── test
│ ├── router
│ │ ├── index.js
│ │ ├── route.js
│ ├── store
│ │ ├── getters.js
│ │ ├── index.js
│ │ ├── mutations.js
│ │ ├── state.js
│ ├── utils
│ ├── utils.js
│ ├── http.js
│ ├── main.js
│ ├── Root.vue
├── static
├── test
├── babelrc
├── eslintignore
├── eslintrc.js
├── .gitignore
├── postcssrc.js
├── index.html
├── package.json
└── readme.md
- 登陆,登出
- 验证码插件的实现
- 通过vuex管理用户信息和token
- 左侧菜单栏,上方顶部栏
- 利用express完成api开发,实现数据mock
- 利用axios设置请求,响应拦截器,对http请求进行统一管理
- 设置vue-router的导航守卫,实现页面访问权限控制及页面跳转loading的同意管理
- 引入vue-echarts,实现多种柱状图/折线图/饼图
- 表格-基本表格示例,该部分会继续扩充
- 自由表单渲染及自定义表单元素的实现
- 测试部分有自己实现的各种组件,该部分会继续补充