前端学习项目，学习构建电商后台管理系统前端网站
学习目标：入门前端 vue 开发，了解前后端分离技术。
$ tree .
vue-shop
├─backend 后端代码
├─frontend 前端代码
├─docs 文档、学习资料、任务计划等
└─img 需要的图片
- 登录/退出功能
- 用户管理模块
- 权限管理模块
- 分类管理模块
- 参数管理模块
- 商品管理模块
- 订单管理模块
- 数据统计模块
本项目基于 node 开发，前后端均使用 node.js，其中前端使用 Vue.js 与 Element UI编写。代码规范遵守 ES6。其中后端数据库为 MySQL 5.7（注意 MySQL8.x 版本与 5.x 版本不完全兼容）。
以下为本项目的 node 版本和 vue 版本。
$ vue --version
@vue/cli 4.4.6
$ node -v
v14.3.0
运行项目主要分为以下步骤：
- 安装项目依赖
分别进入frontend/vue-shop与backend/vue-api-server文件夹中，运行
npm install
即可完成前端和后端项目依赖安装。如果由于网络问题安装失败，可以考虑换源，使用cnpm进行安装。
- 启动后端服务
在启动后端服务之前，要确保数据库信息被成功导入，并且 MySQL 数据库服务启动成功，3306 端口正常暴露。其中backend/vue-api-server/db/mydb.sql文件为数据库信息文件，可以使用source命令导入。
mysql> source mydb.sql
数据库准备工作完成后，在backend/vue-api-server文件夹中，运行
node app.js
如果看到各个 api 访问方式被成功打印，并且没有报错，则说明后端启动成功了。完整的 API 文档可以查看full_api.md文件。
- 启动前端项目
进入前端代码所在的目录，使用
npm run serve
启动项目，之后便可以通过localhost:8080访问项目，自动跳转到登录界面。
可以使用用户名admin，密码123456进行登录。
之后就可以愉快编码啦 😊😂🤣！
本项目参考了以下资料和并分享了一些有用的学习资源，希望大家一起学习，共同进步！