基于VUE的前后端分离商城系统

目录

 

1.项目简介

2. 通过项目能够学到什么

3. 项目部分截图展示

   1）首页

  2）详情页

   3）购物车

  4）分类页

4.github地址（https://github.com/Sodaxiang/supermall.git）

如有帮助，请在github上给个star，非常感谢~不足的地方，欢迎大家在评论区留言讨论。

---

1.项目简介

1.  该项目为使用vue-cli4搭建的一个前后端分离的商城项目；
2.  使用了Vue，Vuex，Vue-Router,ES6，Axios以及Webpack等前端技术；
3.  主要包含商城首页，详情页，购物车，商品分类，个人中心等模块；
4.  项目涉及vue-lazyload, better-scroll相关运用。

2. 通过项目能够学到什么

1. Vue，Vuex，Vue-Router，Axios，Webpack的熟悉使用，使用vue-cli脚手架工具初始化Vue项目；
2. 组件封装（如轮播图，导航栏的统一封装等），模块化开发，工程化思想；
3. 项目开发的基本流程以及调试方法（devtools的使用）；
4. 学会使用vue-lazyload实现图片懒加载，使用better-scroll实现页面的滚动效果等。

3. 项目部分截图展示

   1）首页

•  主要包括5个部分：顶部导航栏，轮播图，分类，流行推荐，商品部分。

    

   

  2）详情页

• 主要包括7个部分：商品轮播图，商品信息，商家信息，商品图片，商品参数，商品评论以及推荐商品。

    

    

 

   3）购物车

• 主要包括2个部分：购物车商品以及结算：涉及的点为商品选中与全选的设置。

    

   

  4）分类页

• 主要包括左边的主分类与右边的子分类

   

  

4.github地址（https://github.com/Sodaxiang/supermall.git）

• 项目非常适合Vue实战练手，能够有效提升以及理解对Vue的综合运用以及组件化，模块开发以及工程化思想。

• 如有帮助，请在github上给个star，非常感谢~不足的地方，欢迎大家在评论区留言讨论。