美文网首页
以码会友 - 购物车的实现(移动端)

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

作者: 二石兄 | 来源:发表于2018-03-12 18:25 被阅读402次

购物车的实现

建议使用的知识点:

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

购物车的需求

  1. 商品列表接口
  2. 商品信息可以手工处理存储在移动端本地
  3. APP 底部两个页签:商品列表、购物车
  4. 商品列表、购物车页面都使用 html 文件
  5. 商品列表是固定的,可以写入本地然后读取,也可以直接写在 javascript 文件
  6. 点击【商品列表】页签时,该 html 文件展示本地存储的商品信息,展示封面、标题、价格等基本信息(可参考豆瓣页面),点击【添加至购物车】后,页面传值给原生代码更新购物车数据
  7. 点击【购物车】页签时,显示已添加至购物车的商品列表,可以增加、减少数量,同时也传值给原生代码更新购物车数据
  8. 实现实现购物车的基本功能:全选、取消全选、自动计算要结算的金额、一键清空等

相关文章

网友评论

      本文标题:以码会友 - 购物车的实现(移动端)

      本文链接:https://www.haomeiwen.com/subject/lnkofftx.html