Vue全家桶开发电商管理系统（Element-UI）基于Vue、Vue-router、Element-U-vue.zip

## :pushpin: Vue全家桶开发电商管理系统 <a href="https://bestvueshop.netlify.app/#/login">:triangular_flag_on_post:在线体验地址</a> | <a href="https://yangchaoyi.vip/posts/2020704/">:triangular_flag_on_post:项目总结文档</a> | <a href="https://yangchaoyi.vip/posts/2020709/">:triangular_flag_on_post:后台API接口文档</a> :warning: 体验时，请尽量不要随意删除数据，谢谢配合！ <p align="center"> <img src="https://camo.githubusercontent.com/87301d019d7f5fd66e4186fcf2f7e7a2276fd9f1/68747470733a2f2f7472617669732d63692e636f6d2f736877323031382f736877323031382e6769746875622e696f2e737667" alt="Build Status" data-canonical-src="https://travis-ci.comChocolate1999/vue-shop.svg" style="max-width:100%;"> <a href="http://hits.dwyl.com/Chocolate1999/vue-shop"><img src="http://hits.dwyl.com/Chocolate1999/vue-shop.svg" alt="HitCount"></a><a href="https://www.gnu.org/licenses/"> <img src="https://img.shields.io/github/license/Chocolate1999/vue-shop.svg" alt="License"></a><a href="https://github.com/Chocolate1999/vue-shop/network"> <img src="https://img.shields.io/github/forks/Chocolate1999/vue-shop.svg" alt="GitHub forks"></a> <a href="https://github.com/Chocolate1999/vue-shop/stargazers"> <img src="https://img.shields.io/github/stars/Chocolate1999/vue-shop.svg" alt="GitHub stars"></a></p> ## :rice_scene: 引言 >此项目经过两番学习，第一次是为了学习Vue，第二次是为了巩固知识并熟练运用，挖掘项目技术亮点，将原本不懂的技术点重新学习，整理一份新的文档。其次，请求比较慢属于正常现象。 **:sunrise:第一次：** 又是一个寒假，曾经一个学霸说过：`寒假是用来反超的！`，所以这个寒假来和我一起学习Vue把，我会把我做的全部整合在这一个目录当中，算是给自己一个学习记录，也方便读者进行查阅。我的项目其实在1月24日正好过除夕的那天完成了，边记录边做项目，后面发现我这个专栏访问量达到了5w，还是有一点人气的，休息三天后，今晚打算来一个总结吧，见证一个从一个不认识Vue是什么的小白到如何快速开发的成长吧~ <a href="https://blog.csdn.net/weixin_42429718/category_9656024.html"> Vue❤学习专栏传送门</a> **:sunrise:第二次：** 这是第二次开发实现本项目，终于将本项目进行了上线，代码已经更新完毕，你可以通过以下简单使用方法直接将项目跑起来。如若觉得不错的话，还望给一个 `star` 支持一下，Thanks♪(･ω･)ﾉ ### :rainbow: 简单使用方法 1. `star` 本项目仓库 ^ o ^ 2. `fork` 一份本仓库代码 3. `git clone -b master git@github.com:Chocolate1999/vue-shop.git` 拷贝源代码 4. 执行 `npm install` 安装依赖 5. `npm run serve` 打开本地服务 ## :christmas_tree: 项目概述 ### 2.1 电商项目基本业务概述 根据不同的应用场景，电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式，我们主要是做关于PC后台管理方面  ### 2.2 电商后台管理系统的功能 电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能  ### 2.3 电商后台管理系统的开发模式（前后端分离） 电商后台管理系统整体采用前后端分离的开发模式，其中前端项目是基于Vue技术栈的SPA项目。  ### 2.4 电商后台管理系统的技术选型 ① 前端项目技术栈： - Vue - Vue-router - Element-UI - Axios - Echarts ② 后端项目 - Node.js - Express - Jwt - Mysql - Sequelize ## :balloon: 快速入门篇 >本篇主要是给刚入门Vue的来学习的，里面有一些简单实例，比如记事本，所处城市天气查询，音乐播放配mv等，同时还解决了学习时遇到的问题，学会下面的内容就能快速入门Vue啦~ 1. <a href="https://blog.csdn.net/weixin_42429718/article/details/103952917">2020 零基础 Vue快速入门 Vue基础篇 【详细】</a> 2. <a href="https://blog.csdn.net/weixin_42429718/article/details/103957276">2020 零基础 Vue快速入门 Vue指令 本地应用篇【整理】</a> 3. <a href="https://blog.csdn.net/weixin_42429718/article/details/103964103">2020 零基础 Vue快速入门 教开发一个记事本（激发编程乐趣）【整理+源码】</a> 4. <a href="https://blog.csdn.net/weixin_42429718/article/details/103969483">2020 零基础 Vue快速入门 Vue2.0使用ES6语法的箭头函数=> 对this作用域的理解 【整理】</a> 5. <a href="https://blog.csdn.net/weixin_42429718/article/details/103969923">2020 零基础 Vue快速入门 Vue项目中引入外部css以及js文件的方法 【整理】</a> 6. <a href="https://blog.csdn.net/weixin_42429718/article/details/103967761">2020 零基础 Vue快速入门 网络应用 axios+Vue【整理】</a> 7. <a href="https://blog.csdn.net/weixin_42429718/article/details/103972240">2020 零基础 Vue快速入门 教开发天气查询网页—天知道（激发编程乐趣）【整理+源码】</a> 8. <a href="https://blog.csdn.net/weixin_42429718/article/details/103974082">2020 零基础 Vue综合应用 教开发音乐播放器—悦听（激发编程乐趣）【整理+源码】</a> ## :closed_book: 电商管理系统开发（百科全书） 1. <a href="https://blog.csdn.net/weixin_42429718/article/details/103983409">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）项目概述篇</a> 2. <a href="https://blog.csdn.net/weixin_42429718/article/details/103983723">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）项目初始化篇</a> 3. <a href="https://blog.csdn.net/weixin_42429718/article/details/103990497">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）使用码云托管项目篇</a> 4. <a href="https://blog.csdn.net/weixin_42429718/article/details/103995613">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）配置MySQL</a> 5. <a href="https://blog.csdn.net/weixin_42429718/article/details/103996682">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）登录退出功能实现</a> 6. <a href="https://blog.csdn.net/weixin_42429718/article/details/104012018">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）主页布局开发</a> 7. <a href="https://blog.csdn.net/weixin_42429718/article/details/104018448">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）用户列表开发</a> 8. <a href="https://blog.csdn.net/weixin_42429718/article/details/104023786">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）【添加用户】</a> 9. <a href="https://blog.csdn.net/weixin_42429718/article/details/104024379">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）【修改用户】</a> 10. <a href="https://blog.csdn.net/weixin_42429718/article/details/104031033">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）【删除用户】</a> 11. <a href="https://blog.csdn.net/weixin_42429718/article/details/104031835">2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）【权限列表】</a> 12. <a href="https://blog.csdn.net/weixin_42429718/article/details/104033075">2