Vue电商项目

vue电商项目的总结

项目地址:https://gitee.com/monhly/shop_Mall

1、项目描述

1、此项目为一个前后端分离的 电商实战项目
2、采用了Vue全家桶+ES6+Webpack 等前端最新技术
3、项目包括商家、商品、用户、等多个功能子模块
4、采用模块化、组件化、工程化的模式开发

项目文件

2 项目的构建

2.1 项目开发流程及开发方法和思想

1、熟悉一个项目开发的流程
2、学会组件化、模块化、工程化的开发模式
3、掌握使用vue-cli脚手架初始化vue.js项目
4、学会ES6+eslint 的开发方法
5、掌握一些项目的优化技巧

2.2 插件或第三方库

1、使用 vue-router 开发单页面
2、使用 axios 的封装和后端数据交互
3、使用 vuex 管理应用组件的状态
4、是使用 better-scroll 实现页面滑动效果
5、使用 vant-ui 组件库构建界面
6、使用 vue-lazyload 实现图片懒加载

首页区域

首页的懒加载

商品列表区域

购物车区域

购物车商品的添加

购物车全选单选的实现

整体功能的实现

分类功能和我的列表区域正在不断修复中

因接口作者设置了权限,所以在此不方便提供.有需要的小伙伴可以微信搜索codewhy进行咨询