小米商城项目分析总结

Posted 一只燕仔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小米商城项目分析总结相关的知识,希望对你有一定的参考价值。

项目概述:一款购物商城,是一个标准的vue框架实现项目,包含vue框架中的很多功能
项目所用时间:一周半


项目难点分析以及解决方式描述:
商品分类
先获取分类的标题数据,获取到的标题里没有全部,自己写个全部放进去,点击不同的标题调用不同接口
弹框控制
点击详情页的喜欢或者加入购物车,进行鉴权,判断用户是否登录,如果没有登录,就弹出登录的弹框让用户登录后再进行相应的操作
购物车
需要用到计算属性,用来计算商品的数量和总价,通过监听用户添加数量来直接改变商品的数量和价格
路由鉴权
在router/index.js中写入全局路由守卫,通过简单的正则校验,对相应的页面加校验

首页效果展示


未登录状态展示:

购物车页面效果展示:

我的收藏页面展示:

以上是关于小米商城项目分析总结的主要内容,如果未能解决你的问题,请参考以下文章

小米商城项目分析总结

小米商城项目总结(下)

小米商城项目总结(上)

动力节点小米商城项目常见bug总结

小米商城项目(上)

SSH网上商城项目实战28使用Ajax技术局部更新商品数量和总价