项目简介:
一个市面上常见的较大线上购物平台,可完成线上的登录、注册、搜索、展示、收藏、批量处理及线上的支付。
·技术栈:
Vue、Vuex、Vue-Router、swipper、面包屑、token、Axios二次分装、Element-UI、 防抖与节流、nprogress、mockjs模拟数据、组件数据传递(全局事件总线)、商品排序、 手写分页器。
·项目描述:
1. 页面结构分析,区分路由组件、全局组件、一般组件,完成静态页面编写。
2. 路由元信息使用控制页头页脚显示与隐藏。
3. 商品分类三级联动布置、nprogress进度条。
4. 二次封装Axios,接口API统一管理。
5. 数据请求的防抖与节流、商品展示轮播图(watch+nextTick)及swipper使用。
6. 面包屑处理分类、关键字、品牌信息。
7. 商品展示的排序及手写分页器。
8. uuid游客身份登录获取购物车数据。
9. 购物车展示及相关操作(商品增加、减少、删除、选中、批量操作)。
10. 注册、登录(token实现)。
11. 路由导航守卫控制路由跳转。