PHPとVueを利用して決済後の会員ポイントの自動増加を実現

CREATE TABLE members (
  id INT AUTO_INCREMENT PRIMARY KEY,
  name VARCHAR(50) NOT NULL,
  points INT DEFAULT 0
);

// 连接数据库
$host = 'localhost';
$dbName = 'your_db_name';
$username = 'your_username';
$password = 'your_password';

$conn = new PDO("mysql:host=$host;dbname=$dbName;charset=utf8", $username, $password);

// 从请求中获取会员ID和支付金额
$memberId = $_POST['member_id'];
$amount = $_POST['amount'];

// 根据会员ID查询当前积分
$stmt = $conn->prepare("SELECT points FROM members WHERE id = :id");
$stmt->bindParam(':id', $memberId);
$stmt->execute();
$points = $stmt->fetch(PDO::FETCH_ASSOC)['points'];

// 更新积分
$newPoints = $points + $amount;
$stmt = $conn->prepare("UPDATE members SET points = :points WHERE id = :id");
$stmt->bindParam(':id', $memberId);
$stmt->bindParam(':points', $newPoints);
$stmt->execute();

// 返回更新后的积分
$response = [
  'status' => 'success',
  'points' => $newPoints
];
echo json_encode($response);

<template>
  <div>
    <button @click="handlePayment">支付</button>
    <p>当前积分：{{ points }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      memberID: 1,
      amount: 100,
      points: 0
    };
  },
  methods: {
    handlePayment() {
      // 发送支付请求到后端
      axios.post('/api/payment', {
        member_id: this.memberID,
        amount: this.amount
      }).then(response => {
        // 更新积分
        this.points = response.data.points;
      }).catch(error => {
        console.error(error);
      });
    }
  },
  mounted() {
    // 页面加载时获取当前积分
    axios.get(`/api/members/${this.memberID}`)
      .then(response => {
        this.points = response.data.points;
      }).catch(error => {
        console.error(error);
      });
  }
};
</script>