项目一:
项目名称:生鲜汇
项目介绍:为顺应时代潮流,很多电商网站运营而生,该项目就是一个综合性的B2C平台,类似于京东商城、天猫商城。用户可以浏览商品,加入购物车,登录用户可以下订单,评价商品等
技术栈:Vue.js、Vue-Router、Vuex、Axios、Vue-cli
负责内容: 首页模块、登录模块、详情模块、分类模块和购物车模块
技术实现:
1.首先该项目对axios请求进行了封装,利用axios.create方法对基础地址,接口请求超时时间进行了配置还在axios请求中封装了请求拦截器和响应拦击器,在响应拦截器中对登录超时做了处理,登录超时后,跳转到登录页
2.在首页模块实现了导航栏、轮播图、和商品图片信息的展示,抽离封装了导航栏组件和轮 播图组件
2在分类模块中封装了导航的展示,实现了点击导航栏实现路由的跳转,封装了面包屑导航组件,还解决了路由的缓存问题
3.在二级分离模块实现了商品列表的展示和动态查询,实现了tab栏的切换
4.在商品详情模块实现了商品详情数据的渲染和button组件的封装