PHP と Vue を使用して、支払い後に製品タイプに応じてメンバーシップ ポイント値を作成および更新する方法

PHP と Vue を使用して、支払い後に商品タイプに応じてメンバー ポイントの値を作成および更新する方法

モバイル決済の人気に伴い、ますます多くの加盟店が決済を開始していますインターネット技術を利用して、オフライン取引をオンライン支払いに変えます。このプロセスにおいて、販売業者は多くの場合、ユーザーが購入した商品の種類に基づいてメンバーのポイント値を更新したいと考えます。この記事では、PHP および Vue テクノロジを使用してこの機能を実装する方法と、具体的なコード例を紹介します。

1. バックエンド開発 (PHP)

1. データベース テーブルの作成

まず、メンバー情報を保存するデータベース テーブルを作成する必要があります。メンバーシップを含むID、メンバー名、メンバーポイント、メンバー購入などのフィールド。次のテーブル構造を作成します。

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

2. メンバーシップ ポイントを更新するための PHP コードを作成します

PHP コードでは、ユーザーが正常に支払いを行ったら、ポイント値を更新する必要があります。対応するメンバーの。次の PHP コードを記述します。

<?php
  $productId = $_POST['product_id']; // 获取商品ID
  $memberId = $_POST['member_id']; // 获取会员ID

  // 根据商品ID查询对应的积分增加值
  $points = getPointsByProductId($productId);

  // 更新会员积分
  updateMemberPoints($memberId, $points);

  // 返回更新结果
  echo json_encode(['status' => 'success', 'message' => '积分更新成功']);

  // 根据商品ID查询积分增加值的函数
  function getPointsByProductId($productId) {
    // 根据产品ID查询对应的积分增加值
    // 这里可以根据具体业务逻辑自行实现查询逻辑
    $points = 0;
    switch ($productId) {
      case 1:
        $points = 10;
        break;
      case 2:
        $points = 20;
        break;
      case 3:
        $points = 30;
        break;
      default:
        $points = 0;
        break;
    }
    return $points;
  }

  // 更新会员积分的函数
  function updateMemberPoints($memberId, $points) {
    // 根据会员ID更新会员的积分
    // 这里可以根据具体业务逻辑自行实现更新逻辑
  }
?>

上記のコードでは、支払い成功後にユーザーから渡された製品 ID と会員 ID を取得し、製品 ID に基づいて対応するポイント増加値をクエリし、更新します。メンバーのポイント。

2. フロントエンド開発 (Vue)

1. Vue プロジェクトの作成

まず、Vue プロジェクトを作成する必要があります。 Vue CLI 作成を使用して実行します。ターミナルで次のコマンドを実行します。

$ vue create member-points

2. Write Vue コンポーネント

Vue プロジェクトでは、メンバー ポイントを更新する機能を実装するコンポーネントを作成する必要があります。支払い。 MemberPoints.vue コンポーネントを src/components ディレクトリに作成し、次のコードを記述します。

<template>
  <div>
    <h2 id="支付成功-更新会员积分">支付成功，更新会员积分</h2>
    <form @submit.prevent="updatePoints">
      <label>商品ID:</label>
      <input type="number" v-model="productId">
      <label>会员ID:</label>
      <input type="number" v-model="memberId">
      <button type="submit">更新积分</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      productId: '',
      memberId: ''
    }
  },
  methods: {
    updatePoints() {
      // 发送请求到后端更新会员积分
      fetch('/update_points.php', {
        method: 'POST',
        body: JSON.stringify({
          product_id: this.productId,
          member_id: this.memberId
        })
      })
      .then(response => response.json())
      .then(data => {
        console.log(data);
        // 更新成功后的处理逻辑
      })
      .catch(error => {
        console.error(error);
        // 更新失败后的处理逻辑
      });
    }
  }
}
</script>

上記のコードでは、製品 ID とメンバー ID を入力するフォームを作成し、POST リクエストをフェッチ関数を使用して投稿する クライアントで update_points.php ファイルを使用して、メンバーシップ ポイントを更新します。

3. App.vue での MemberPoints コンポーネントの使用

src/App.vue ファイルでは、MemberPoints コンポーネントを使用して、後でメンバー ポイントを更新する機能を表示できます。支払い。 App.vue ファイルを次のように変更します。

<template>
  <div>
    <h1 id="支付后会员积分更新">支付后会员积分更新</h1>
    <MemberPoints></MemberPoints>
  </div>
</template>

<script>
import MemberPoints from './components/MemberPoints.vue'

export default {
  components: {
    MemberPoints
  }
}
</script>

ここまでで、PHP と Vue を使用して、支払い後に商品タイプに応じて会員ポイントの値を更新する機能の開発が完了しました。

概要:

この記事では、PHP と Vue のテクノロジーを使用して、支払い後に商品の種類に応じて会員ポイントの値を更新する機能を実装する方法を紹介します。バックエンド PHP コードはメンバー ポイントの更新ロジックを処理し、フロントエンド Vue コードはメンバー ポイントの更新操作を表示してトリガーします。この記事が皆さんのお役に立てば幸いです。

以上がPHP と Vue を使用して、支払い後に製品タイプに応じてメンバーシップ ポイント値を作成および更新する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。