构建一个基于Vue完整的商城后台管理系统（附带完整代码及项目初始化）

项目简介：

该后台管理系统是基于Vue2.0来实现的。其中包含了登录，用户管理，商品管理，管理员权限管理，数据统计，订单管理，物流管理，代金券系统，支付方式配置页面风格管理等模块。

前端技术

• vue
• vue-cli 脚手架工具进行项目整体架构的搭建
• webpack 将项目进行打包
• vue.router 路由的分发
• vuex 数据状态的管理
• axios 与后端进行数据交互
• Element-UI 实现页面结构
• scss 快速编译Css

后端

• node.js
• Express
• MySQL

项目地址

https://github.com/ZYHUU/admin

项目初始化

后端

1.部署本地服务器，phpStudy，Navicat for MySQL 或者其他数据库工具都可来实现服务端部署。对这两个工具不了解的朋友可以在网上寻找一些基础的入门介绍,在这里使用的是Navicat for MySQL。

• 新建连接：打开Navicat for MySQL 点击表头 文件/新建连接/MySQL，输入连接名，密码，点击确定
• 新建数据库：此时左侧列表会显示出刚刚所创建连接，鼠标右击点击新建数据库，
• 创建表：选中刚创建的数据库,点击表头查询，新建查询在项目文件根目录下找到 shop2-server/db/mydb.sql 复制文件内容，粘贴到上面查询区域点击运行，等待几分钟，数据生成完毕后，右击左侧表,刷新如图就完成了本地服务器部署

2.启动后端服务

• 在shop2-server文件夹下打开cmd命令，运行npm i下载完成后，再运行 node app,ok此时本地服务器已经部署完成。

前端

• 打开admin文件夹，cmd运行 npm i下载依赖的包
• cmd运行npm run dev
• 打开浏览器访问http://localhost:8080/#/
• 账号: admin 密码： 123456

此时就完成了项目的初始化。欢迎大家多多star

项目地址

https://github.com/ZYHUU/admin