PHP and Vue development: how to give and receive membership points

// 赠送积分的API
public function givePoints(Request $request) {
    $memberId = $request->get('member_id');
    $points = $request->get('points');
    $type = '赠送';

    $member = Member::find($memberId);
    $member->points += $points;
    $member->save();

    $record = new PointRecord();
    $record->member_id = $memberId;
    $record->points = $points;
    $record->type = $type;
    $record->create_at = date('Y-m-d H:i:s');
    $record->save();

    return response()->json(['message' => '赠送积分成功']);
}

// 兑换积分的API
public function exchangePoints(Request $request) {
    $memberId = $request->get('member_id');
    $goodsId = $request->get('goods_id');

    $member = Member::find($memberId);
    $goods = Goods::find($goodsId);

    if ($member->points < $goods->points) {
        return response()->json(['message' => '积分不足，无法兑换']);
    }

    $member->points -= $goods->points;
    $member->save();

    $record = new PointRecord();
    $record->member_id = $memberId;
    $record->points = $goods->points;
    $record->type = '兑换';
    $record->create_at = date('Y-m-d H:i:s');
    $record->save();

    return response()->json(['message' => '兑换成功']);
}

<template>
  <div>
    <input v-model="memberId" placeholder="请输入会员ID" />
    <input v-model="points" placeholder="请输入赠送积分数量" />
    <button @click="givePoints">赠送</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      memberId: '',
      points: ''
    };
  },
  methods: {
    givePoints() {
      // 发送赠送积分的请求，示例中使用axios库发送请求
      axios.post('/api/give-points', {
        member_id: this.memberId,
        points: this.points
      }).then(response => {
        // 处理请求成功的逻辑
        console.log(response.data.message);
      }).catch(error => {
        // 处理请求失败的逻辑
        console.log(error.response.data.message);
      });
    }
  }
};
</script>

<template>
  <div>
    <input v-model="memberId" placeholder="请输入会员ID" />
    <select v-model="goodsId">
      <option v-for="goods in goodsList" :key="goods.id" :value="goods.id">{{ goods.name }}</option>
    </select>
    <button @click="exchangePoints">兑换</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      memberId: '',
      goodsId: '',
      goodsList: []
    };
  },
  mounted() {
    // 获取商品列表，示例中使用axios库发送请求
    axios.get('/api/goods').then(response => {
      this.goodsList = response.data;
    }).catch(error => {
      console.log(error.response.data.message);
    });
  },
  methods: {
    exchangePoints() {
      // 发送兑换积分的请求，示例中使用axios库发送请求
      axios.post('/api/exchange-points', {
        member_id: this.memberId,
        goods_id: this.goodsId
      }).then(response => {
        // 处理请求成功的逻辑
        console.log(response.data.message);
      }).catch(error => {
        // 处理请求失败的逻辑
        console.log(error.response.data.message);
      });
    }
  }
};
</script>