简介

mall-admin-web是一个电商后台管理系统的前端项目，基于Vue Element实现。主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。

github 地址：

https://github.com/macrozheng/mall-admin-web

github star: 4.7K

最新版本：1.0.0，Apache License 2.0 协议

主要技术选型

Vue 前端框架 https://vuejs.org/

Vue-router 路由框架 https://router.vuejs.org/

Vuex 全局状态管理框架 https://vuex.vuejs.org/

Element 前端UI框架 https://element.eleme.io/

Axios 前端HTTP框架 https://github.com/axios/axios

v-charts 基于Echarts的图表框架 https://v-charts.js.org/

Js-cookiecookie 管理工具 https://github.com/js-cookie/js-cookie

nprogress 进度条控件 https://github.com/rstacruz/nprogress

vue-element-admin 项目脚手架参考 https://github.com/PanJiaChen/vue-element-admin

功能列表

商品管理、

订单管理、

会员管理、

促销管理、

运营管理、

内容管理、

统计报表、

财务管理、

权限管理

项目截图

介绍一款热门开源电商后台管理系统的Vue前端项目（基于vue电商网站前端）

本地开发

下载node并安装：https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi;该项目为前后端分离项目，访问本地访问接口需搭建后台环境，搭建请参考后端项目传送门(https://github.com/macrozheng/mall);访问在线接口无需搭建后台环境，只需将config/dev.env.js文件中的BASE_API改为http://120.27.63.9:8080即可;克隆源代码到本地，使用IDEA打开，并完成编译;在IDEA命令行中运行命令：npm install,下载相关依赖;在IDEA命令行中运行命令：npm run dev,运行项目;访问地址：http://localhost:8090 即可打开后台管理系统页面;注意：如果遇到无法运行npm命令，需要配置npm的环境变量，如在path变量中添加：C:UserszhenghongAppDataRoamingnpm;注意：如果遇到npm install无法成功下载依赖，请参考使用Jenkins一键打包部署前端应用，就是这么6！中遇到的坑部分。