购物车管理与订单处理技术文档

一、购物车列表功能

1. 总价钱、总数量及全选状态获取

总数量：通过遍历购物车列表项，累加选中项的商品数量。

总价钱：同理，累加选中项的商品总价。

全选状态：检查所有购物车项，若全部选中则返回true，否则false。

2. 购物车信息修改

2.1 数量增减

加法：直接修改项的num，并调用cartEdit方法执行数据库更新。

减法：类似加法操作，但需处理num降至1的情况，同样调用cartEdit。

2.2 单个状态切换

通过changeChecked方法，根据当前状态切换选中状态，并执行数据库更新。

2.3 全选状态切换

通过changeAllChecked事件，根据开关状态修改所有购物车项的选中状态，并执行数据库更新。

2.4 数据库修改操作

参数：
- id：购物车编号（必填）
- num：商品数量
- checked：选中状态（0/1）
- authorization：后台验证所需的token

接口：

const _cartEdit = (header, data) => {
  let option = {
    url: "/api/cartedit",
    header,
    data
  };
  return http(option);
}

代码示例：

async cartEdit(index) {
  const { id, num, checked } = this.cartLists[index];
  const header = {
    authorization: uni.getStorageSync('userInfo').token
  };
  const res = await this.$api._cartEdit(header, { id, num, checked });
  console.log(res);
}

3. 购物车删除

接口：

const _cartDelete = (header, data) => {
  let option = {
    url: "/api/cartdelete",
    header,
    data
  };
  return http(option);
}

代码示例：

async cartDelete(index) {
  const { id } = this.cartLists[index];
  const header = {
    authorization: uni.getStorageSync('userInfo').token
  };
  const res = await this.$api._cartDelete(header, { id });
  console.log(res);
  this.cartLists.splice(index);
}

4. 点击结算跳转

逻辑：检查购物车中是否有至少一件商品，若无则提示，否则跳转至结算页面。

5. 提交订单

1. 获取购物车商品信息

筛选选中商品：根据选中状态筛选出需要结算的商品列表。

2. 下单操作

参数：
- uid：会员ID
- username：收货人姓名
- userphone：收货人电话
- address：收货地址
- countmoney：订单总金额
- countnumber：订单商品数量
- addtime：订单时间戳
- idstr：购物车商品ID字符串

接口：

const _orderAdd = (header, data) => {
  let option = {
    url: "/api/orderadd",
    header,
    data
  };
  return http(option);
}

代码示例：

async orderAdd() {
  const { uid, token } = uni.getStorageSync('userInfo');
  const params = {
    uid,
    username: this.information.name,
    userphone: this.information.phone,
    address: this.information.address,
    countmoney: this.totalPrice,
    countnumber: this.totalNum,
    addtime: new Date().getTime()
  };
  const idstr = this.cartLists.map(item => item.id).join(',');
  const header = { authorization: token };
  const data = { params, idstr };
  const res = await this.$api._orderAdd(header, data);
  console.log(res);
  if (res.data.code === 200) {
    uni.showToast({ title: res.data.msg });
    setTimeout(() => {
      uni.redirectTo({ url: "../order/order" });
    }, 1000);
  }
}