小米商城项目分析总结
Posted 一只燕仔
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小米商城项目分析总结相关的知识,希望对你有一定的参考价值。
项目概述:一款购物商城,是一个标准的vue框架实现项目,包含vue框架中的很多功能
项目所用时间:一周半
项目难点分析以及解决方式描述:
商品分类
先获取分类的标题数据,获取到的标题里没有全部,自己写个全部放进去,点击不同的标题调用不同接口
弹框控制
点击详情页的喜欢或者加入购物车,进行鉴权,判断用户是否登录,如果没有登录,就弹出登录的弹框让用户登录后再进行相应的操作
购物车
需要用到计算属性,用来计算商品的数量和总价,通过监听用户添加数量来直接改变商品的数量和价格
路由鉴权
在router/index.js中写入全局路由守卫,通过简单的正则校验,对相应的页面加校验
首页效果展示
未登录状态展示:
购物车页面效果展示:
我的收藏页面展示:
以上是关于小米商城项目分析总结的主要内容,如果未能解决你的问题,请参考以下文章