项目技术:Vue-Cli + Vue-Router +Vuex+ Element-UI + Axios
项目描述:
美多商城主要满足于大众进行网上购物的需求,该商城主要有登录、注册、首页、商品详情页、我的购物车、我的订单搜索、我的收藏等功能模块,满足用户的需求,使用第三方插件美化页面,提高用户的体验;
责任描述:
●通过beforeEach路由前置守卫进行登录验证拦截,如果设置的meta字段为true,需要进行登录验证,为false的可以进行进行next(),在需要进行登录的页面,再进行判断是否已经登录过了;
●商品详情页主要是对某个商品的详细信息进行展示,用户可以在这里把喜欢的商品加入购物车或收藏列表。
●使⽤ Promise封装⽹络请求,处理多异步任务并发执⾏;在vue.config.js脚本里通过设置proxy解决跨域问题;
●使⽤Vue-Router实现页⾯之间的路由跳转、Vuex 实现状态管理,在搜索模块中使用了组件内的beforeRouteEnter、beforeRouteUpdate进行组件重用判断,并将登录之后的凭证存在仓库,用于各个页面使用;
●我的购物车页面,调用接口获取添加的商品并进行渲染,使用Element-Ui上的el-checkbox组件,将选中状态字段存在数组里与原商品的长度进行比较,从而判断是否单选还是全选,并将选中的商品总价进行计算;
●配合测试产品⼈员解决bug以及后期维护⼯作。
项目技术:Vue-Cli + Vue-Router +Vuex+ Vant + Axios
项目描述:
该项目是一个点餐网站,该网站包含了商品列表、商品详情介绍、商家介绍、优惠活动、购物车、个人用户中心、办会员优惠页面等,用户可以进行商品信息的浏览,可以添加到购物车里面,只能登录之后才能查看个人信息和使用优惠券进行商品的点餐。
责任描述:
●使用Vue-Cli脚手架完成项目的搭建,配合团队进行项目开发;
●搭配使用Vant组件库快速完成页面的布局设计,提高工作效率,节省项目的开发周期;
●使⽤ Promise封装⽹络请求,处理多异步任务并发执⾏;
●主要负责商品列表中的左右联动设计开发,使用iscroll.js脚本可以快速计算出页面滑动距离以及距离目标元素的距离;
方便开发者快速实现功能的需求,节省开发时间。