PHPとVueを使って決済後の会員ポイント還元機能を実装する

CREATE TABLE `user_points` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `user_id` int(11) NOT NULL,
  `points` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

<?php

// 连接数据库
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "test";
$conn = new mysqli($servername, $username, $password, $dbname);

// 获取用户ID和返利积分
$user_id = $_POST['user_id'];
$points = $_POST['points'];

// 查询用户当前的积分余额
$sql = "SELECT * FROM user_points WHERE user_id = $user_id";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
  // 更新用户的积分信息
  $row = $result->fetch_assoc();
  $current_points = $row['points'];
  $new_points = $current_points + $points;
  $sql = "UPDATE user_points SET points = $new_points WHERE user_id = $user_id";
  if ($conn->query($sql) === TRUE) {
    echo "积分更新成功";
  } else {
    echo "Error: " . $sql . "<br>" . $conn->error;
  }
} else {
  // 添加新的积分信息
  $sql = "INSERT INTO user_points (user_id, points) VALUES ($user_id, $points)";
  if ($conn->query($sql) === TRUE) {
    echo "积分添加成功";
  } else {
    echo "Error: " . $sql . "<br>" . $conn->error;
  }
}

$conn->close();

?>

use IlluminateSupportFacadesRoute;

Route::post('/updatePoints', function () {
    return view('updatePoints');
});

<template>
  <div>
    <button @click="updatePoints">购买商品并支付</button>
    <p>我的积分余额：{{ points }}</p>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        user_id: 123, // 用户ID
        points: 0 // 积分余额
      }
    },
    methods: {
      updatePoints() {
        // 计算返利积分
        const orderAmount = 100; // 购买商品的金额
        const rebateRate = 0.1; // 返利比例
        const points = orderAmount * rebateRate;

        // 调用后端API更新积分
        axios.post('/updatePoints', {
          user_id: this.user_id,
          points: points
        })
        .then(response => {
          // 更新成功，刷新积分余额
          this.getPoints();
        })
        .catch(error => {
          console.log(error);
        });
      },
      getPoints() {
        // 调用后端API获取积分余额
        axios.get(`/getPoints?user_id=${this.user_id}`)
        .then(response => {
          this.points = response.data;
        })
        .catch(error => {
          console.log(error);
        });
      }
    },
    mounted() {
      // 页面加载时获取积分余额
      this.getPoints();
    }
  }
</script>