以码会友 - 购物车的实现(移动端)

购物车的实现

建议使用的知识点:

  1. 移动端沙盒的理解(独立整理成笔记)
  2. 生命周期不同阶段的最佳使用场景(完善第一周的笔记,可以拿生意人 APP 举例)
  3. Javascript 与原生代码的交互
  4. 文件(数据库)的数据读写
  5. JSON 数据格式的灵活使用
  6. 基本 HTML 标签的学习

购物车的需求

  1. 商品列表接口
  2. 商品信息可以手工处理存储在移动端本地
  3. APP 底部两个页签:商品列表、购物车
  4. 商品列表、购物车页面都使用 html 文件
  5. 商品列表是固定的,可以写入本地然后读取,也可以直接写在 javascript 文件
  6. 点击【商品列表】页签时,该 html 文件展示本地存储的商品信息,展示封面、标题、价格等基本信息(可参考豆瓣页面),点击【添加至购物车】后,页面传值给原生代码更新购物车数据
  7. 点击【购物车】页签时,显示已添加至购物车的商品列表,可以增加、减少数量,同时也传值给原生代码更新购物车数据
  8. 实现实现购物车的基本功能:全选、取消全选、自动计算要结算的金额、一键清空等
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容