Vue-ManagementPlatform 后台管理系统（Vue2 学者速速进来）

RunTheCode 2022-08-18

674

大家好，我是小酷！

今天给大家推荐的开源项目是Vue-ManagementPlatform 后台管理系统。

项目介绍

Vue-ManagementPlatform 后台管理系统是一个基于 Vue2 + Element-UI 的前端开发项目。

从整个技术栈来看，前端使用了vue2 + vuex + vue-router + webpack + ES6/7 + axios + elementUI + 阿里图标 iconfont 。这对于大部分前端学习者难度应该不算大。

目前，这个开源项目实现的功能：登录/注册，用户管理，角色管理，权限管理，路由拦截，商品管理，订单管理，支付管理，公司管理等。

需要提醒的是，这个项目纯前端开发，非常适合新手，后台数据都是模拟的。不过，对于想要学习或者巩固下 vue2 的技术爱好者来说，还是值得好好研究研究。

项目结构

├── build/          # 项目构建(webpack)相关配置
├── config/         # 项目开发环境配置
├── src/            # 源码目录
│ ├── api/          # 请求
│ ├── assets/       # 组件静态资源(图片)
│ ├── components/   # 公共组件
| ├── api/          # 请求接口
│ ├── router/       # 路由配置
│ ├── vuex/         # vuex状态管理
│ ├── views/        # 路由组件(页面维度)
│ ├── config/       # 接口配置文件（请求地址）
│ ├── App.vue        # 组件入口
│ └── main.js        # 程序入口
├── static/         # 非组件静态资源
├── .babelrc         # ES6语法编译配置
├── .editorconfig    # 定义代码格式
├── .eslintignore    # ES6规范忽略文件
├── .eslintrc.js     # ES6语法规范配置
├── .gitignore       # git忽略文件
├── index.html       # 页面入口
├── package.json     # 项目依赖
└── README.md        # 项目文档