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

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-29 07:12   627   0

目录

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,非常感谢~不足的地方,欢迎大家在评论区留言讨论。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP