点击空白处退出提示
美多商城
我要开发同款作品详情
美多商城主要满足于大众进行网上购物的需求,该商城主要有登录、注册、首页、商品详情页、我的购物车、我的订单搜索、我的收藏等功能模块,满足用户的需求,使用第三方插件美化页面,提高用户的体验;
责任描述:
●通过beforeEach路由前置守卫进行登录验证拦截,如果设置的meta字段为true,需要进行登录验证,为false的可以进行进行next(),在需要进行登录的页面,再进行判断是否已经登录过了;
●商品详情页主要是对某个商品的详细信息进行展示,用户可以在这里把喜欢的商品加入购物车或收藏列表。
●使⽤ Promise封装⽹络请求,处理多异步任务并发执⾏;在vue.config.js脚本里通过设置proxy解决跨域问题;
●使⽤Vue-Router实现页⾯之间的路由跳转、Vuex 实现状态管理,在搜索模块中使用了组件内的beforeRouteEnter、beforeRouteUpdate进行组件重用判断,并将登录之后的凭证存在仓库,用于各个页面使用;
●我的购物车页面,调用接口获取添加的商品并进行渲染,使用Element-Ui上的el-checkbox组件,将选中状态字段存在数组里与原商品的长度进行比较,从而判断是否单选还是全选,并将选中的商品总价进行计算;
●配合测试产品⼈员解决bug以及后期维护⼯作。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论