小米商城项目分析总结

Posted 一只燕仔

tags:

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

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

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

首页效果展示
在这里插入图片描述
在这里插入图片描述
未登录状态展示:
在这里插入图片描述

购物车页面效果展示:
在这里插入图片描述
我的收藏页面展示:
在这里插入图片描述

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

小米商城项目分析总结

小米商城项目总结(下)

小米商城项目(上)

小米商城项目总结(上)

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

Java Spring开源项目新蜂(NeeBee)商城项目运行分析总结