PHP と Vue: 支払い後にメンバー ポイントを取得する方法

PHP と Vue: 支払い後にメンバー ポイントを取得する方法

E コマース プラットフォームでは、ユーザーをショッピングに参加させるために、多くの販売者がセットアップを行います。ポイント システムにより、ユーザーはショッピング プロセス中に特定のポイントを獲得でき、蓄積後、対応する割引やギフトと引き換えることができます。メンバーにとって、ポイントは忠誠心と購買力を反映することができます。この記事では、PHPとVueを使って、決済成功後に該当するポイントを会員アカウントに自動加算する機能を実装する方法を紹介します。

1. データベース設計

まず、会員情報とポイント記録を格納するデータベースを設計する必要があります。メンバー (メンバーシップ テーブル) とポイント (ポイント レコード テーブル) の 2 つのテーブルがあるとします。

メンバー テーブルの構造は次のとおりです。

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

ポイント テーブルの構造は次のようになります。

CREATE TABLE points (
  id INT PRIMARY KEY AUTO_INCREMENT,
  member_id INT,
  points INT,
  created_at DATETIME,
  FOREIGN KEY (member_id) REFERENCES members(id)
);

2. バックエンドの実装

接続 次に、支払いが成功した後にビジネス ロジックを処理するための PHP コードを記述する必要があります。バックエンド インターフェイスが /api/payment/success であると仮定すると、次のコードを通じてこれを実現できます:

<?php
// 引入数据库连接文件
require_once 'db_connection.php';

// 获取前端传递的会员ID和支付金额
$memberId = $_POST['memberId'];
$paymentAmount = $_POST['paymentAmount'];

// 根据会员ID查询会员信息
$query = "SELECT * FROM members WHERE id = $memberId";
$result = $conn->query($query);
$member = $result->fetch_assoc();

// 计算积分并更新会员积分
$points = $paymentAmount * 0.1; // 假设每消费1元获得10积分
$newPoints = $member['points'] + $points;
$query = "UPDATE members SET points = $newPoints WHERE id = $memberId";
$conn->query($query);

// 添加积分记录
$query = "INSERT INTO points (member_id, points, created_at) VALUES ($memberId, $points, NOW())";
$conn->query($query);

// 返回更新后的会员积分信息
$query = "SELECT * FROM members WHERE id = $memberId";
$result = $conn->query($query);
$updatedMember = $result->fetch_assoc();

// 返回更新后的会员积分信息给前端
echo json_encode($updatedMember);

// 关闭数据库连接
$conn->close();
?>

3. フロントエンド実装

フロントエンド内 Vue フレームワークを使用して、支払いが成功した後にメンバー ポイントを取得するロジックを処理します。まず、ユーザーがボタンをクリックしたときに支払い操作をトリガーするボタンを設定する必要があります。支払いが成功したら、バックエンドにリクエストを送信してメンバー ポイントを更新し、更新されたポイントを表示する必要があります。

<template>
  <div>
    <button @click="pay">支付</button>
    <div v-if="showPoints">
      <p>会员积分：{{ member.points }}</p>
      <p>获得积分：{{ addedPoints }}</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      member: {},
      addedPoints: 0,
      showPoints: false
    };
  },
  methods: {
    pay() {
      // 发送支付请求，支付成功后调用接口更新会员积分
      // 假设调用后端接口的方法为paymentSuccess
      this.paymentSuccess()
        .then(response => {
          // 更新会员积分和获得积分信息
          this.member = response.data;
          this.addedPoints = response.data.points - this.member.points;
          this.showPoints = true;
        })
        .catch(error => {
          console.log(error);
        });
    },
    paymentSuccess() {
      return new Promise((resolve, reject) => {
        // 这里假设使用axios来发送请求
        axios.post('/api/payment/success', {
          memberId: 1, // 替换为实际会员ID
          paymentAmount: 100 // 替换为实际支付金额
        })
        .then(response => {
          resolve(response);
        })
        .catch(error => {
          reject(error);
        });
      });
    }
  }
};
</script>

上記はPHPとVueで決済が成功した後に会員ポイントを取得する方法で、バックエンドインターフェースとフロントエンドの連携により会員ポイントの自動追加と表示が完了します。特定のコード例は、実際の状況に応じて変更および最適化できます。この記事がお役に立てば幸いです!

以上がPHP と Vue: 支払い後にメンバー ポイントを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。