该项目主要是完成网上购物系统的几个页面的开发:首页、登录注册、订单确认、商品详情、商品站、订单支付、购物车。
1.首页:实现了商品渲染、商品加入购物车
2.登录注册:实现了用户登录和注册
3.订单确认:实现了用户的地址信息删除、地址新增、地址修改
4.商品详情:实现了用户选择不同类型的商品种类
5.商品站:实现吸顶导航、商品视频预览功能
6.商品支付:实现了支付宝的页面支付和微信的Native支付(二维码)
7.购物车:实现了用户查看、购买、修改数量等功能
本项目结构上分为表现层、业务层和数据访问层。层次依赖关系从上至下。采用的技术有Vue-cli,Vuex,Vue-router,Element-ui,scss等其中。表现层采用Vue框架开发;业务层封装业务流程,为适应业务变更,每一业务模块均有专门的实现接口
项目收获:
1.增强了SCSS的使用方法
2.增强了CSS3属性中过渡的使用
3.如何使用Vue-lazy懒加载
码云仓库:https://gitee.com/wingwei/MiMall