用jQuery模仿淘宝开发购物车的思路、遇到的技术问题、源代码--着重讲页面的设计

    这几天在做学校的大创项目(开发一个购买桶装水系统),为了使项目给用户提供的页面更人性,在开发购物车这部分运用了jQuery框架框架。从思考如何实现购物车功能到最终人性化地实现也经过了挺长的时间,所以现在我从整个思路分析开始,再加上在这个过程中遇到的问题,来分享一下我的心得:
    首先,如果要使用户添加到购物车的数据不会因为下次登录或者在其他地方登录而变为空,就必须要把数据持久化(如何高效地持久化,这因项目而异,所以这里不展开讲)。
    在设计购物车的页面时,我们应该想清楚购物车应该包含什么信息(自己想或者参考淘宝)
    再次,我们应分析哪些功能需要实现,购物车的功能有可以设置购买的数量,计算价格,删除数据,结账.....
    这里着重讲一下计算价格,为了符合现代的潮流,价格计算应该满足:①当我一选中某条商品,购物车的总价就立即更新;②当我更改数量离开该文本框后,就立即更新总价和该条数据的总价。
    用Jquery框架可以开发出来满足上面两种条件的购物车,关于如何实现的价格计算可以到下面的地址下载源码,源码中配有详细的注释。
    在这里和大家分享一下我在开发过程中遇到的两个主要的技术难点
    一、像淘宝一样点击删除会弹出确认对话框

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值