继续完善

完成：

  • [x] 完成在商品详情页面将商品添加到购物车
  • [x] 购物车产品信息的展示，以及商品移除购物车
  • [x] 支付信息的填写完成提交进而完成订单的创建

学习并使用：

Xbench 原子组件双向绑定的配置和使用，Xbench 实现双向绑定非常容易

  • 添加 value 属性，不一定是文本，可以是其他类型
  • 添加 input 事件声明
  • 在组件内部使用 value 访问数据，使用 onChange 更新数据，之所以不是 input 是因为在 React 生态中更多使用 onChange
  • 如果不需要实时监听输入框的变化的话，可以添加onComfirm确认事件就可以

开发规范

  • 命名规则：有意义
  • 组件名称
  • 函数的名称
  • 变量的名称
  • 注释

巩固-数据类型

  • 字符串String：’abc’, “def”
  • 数字Number 100, 10.1
  • 布尔Bool true/false
  • 数组 Array [1,2,3] [‘a’, ‘bc’, ‘de’]
  • 嵌套 [{name: ‘Tom’, age: 10}, {name: ‘Jim’, age: 12}]
  • 对象 Object {name: ‘Tom’, age: 10}
  • 嵌套 {name: ‘Kick’, items: [1, 2, 4]}

问题：

1、添加购物车的时候，能添加成功，但是价格却显示为0（明明是从一个对象中拿到的数据）

2、小程序调试，不懂页面怎么配

错误提示：这应该是首次提交小程序，请不要提交审核，等待体验版测试之后前往设置隐私设置之后再提交审核，设置地址： 小程序账号配置

image-20250724204557769

解决办法：根据链接指引，完成相应信息配置。

明日规划

解决今日的遇到的问题，带问题解决后再继续推进