小米商城项目分析总结(一)

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

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

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

  • 3
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值