PHP と Vue の開発: メンバーシップ ポイントを譲渡および受け取る方法

PHP および Vue 開発: メンバーシップ ポイントを送受信する方法

はじめに:
多くの Web サイトやアプリケーションでは、メンバーシップ ポイントがよく使用されます。忠誠心と関与。プラットフォームへのユーザー参加を増やすために、メンバーポイントの送受信機能を実装する必要がある場合があります。この記事では、PHPとVue開発を利用して会員ポイントの送受信機能を実現する方法と、具体的なコード例を紹介します。

パート 1: 技術要件と準備
開発を開始する前に、次の点を確認する必要があります:

1. あなたはすでに PHP および Vue 開発の基本的な知識を持っています。
2. ローカル環境には、PHP インタープリター、Vue CLI など、PHP および Vue の開発に必要な関連ツールとフレームワークがすでにインストールされています。
3. MySQL などのデータベース操作をサポートする PHP 開発環境はすでにあります。

パート 2: データベースの設計と作成
コードを書き始める前に、データベースを設計し、対応するテーブル構造を作成する必要があります。メンバーポイントの送受信機能のために、次の 2 つのテーブルを作成する必要があります:

1. メンバーテーブル (メンバー): メンバー ID、名前などのメンバーの基本情報を保存するために使用されます。 。
2. ポイント テーブル (ポイント): ポイント ID、会員 ID、ポイント量などを含む会員のポイント情報を保存するために使用されます。

次の SQL ステートメントを使用して、これら 2 つのテーブルを作成できます:

--メンバー テーブルの作成
CREATE TABLE members (
id INT(11) NOT NULL) AUTO_INCREMENT,
name VARCHAR(50) NOT NULL,
PRIMARY KEY (id)
);

--ポイントの作成 table
CREATE TABLE Points (
id INT( 11) NOT NULL AUTO_INCREMENT,
member_id INT(11) NOT NULL,
amount INT(11) NOT NULL,
PRIMARY KEY (id),
FOREIGN KEY (member_id) REFERENCES members(id)
);

パート 3: PHP バックエンドの実装
PHP バックエンドの実装に関しては、メンバー ポイントの転送および受信機能を処理するインターフェイスを作成する必要があります。以下は PHP コードの例です:

// データベースに接続します
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_dbname";

$conn = new mysqli($servername, $username, $password, $dbname);

//処理ポイント 転送リクエスト
if ($_SERVER['REQUEST_METHOD'] === 'POST' && $_POST['action'] === 'transfer') {
$sender = $_POST['sender' ];
$receiver = $_POST['receiver'];
$amount = $_POST['amount'];

// 送信者が十分なポイントを持っているかどうかを確認します
$check_sender_points = "ポイントから金額を選択 WHERE member_id = $sender";
$sender_points_result = $conn->query($check_sender_points);
$sender_points = $sender_points_result->fetch_assoc()['amount'];

if ($sender_points

echo json_encode(['success' => false, 'message' => '您的账户积分不足']);
exit;

}

// ポイントの移行
$transfer_points = "ポイントの更新 SET amount = amount - $amount WHERE member_id = $sender";
$conn->query($transfer_points);

$receive_points = "UPDATE ポイント SET amount = amount $amount WHERE member_id = $receiver";
$ conn ->query($receive_points);

echo json_encode(['success' => true, 'message' => 'ポイント移行成功']);
}

// ポイント クエリ リクエストを処理します
if ($_SERVER['REQUEST_METHOD'] === 'GET' && $_GET['action'] === 'getPoints') {
$member_id = $_GET [ 'member_id'];

//ポイント数のクエリ
$get_points = "SELECT amount FROM ポイント WHERE member_id = $member_id";
$points_result = $conn->query( $get_points) ;
$points = $points_result->fetch_assoc()['amount'];

echo json_encode(['points' => $points]);
}

$conn->close();
?>

パート 4: Vue フロントエンドの実装
Vue フロントエンドの実装に関しては、次のように記述する必要があります。メンバーポイントの譲渡と転送を処理するコンポーネント.receive 関数。以下は Vue コンポーネントの例です:

<script><br>デフォルトのエクスポート {<br> data() {</script>

return {
  sender: '',
  receiver: '',
  amount: 0,
  points: null
}

},
メソッド: {

transferPoints() {
  const formData = new FormData();
  formData.append('action', 'transfer');
  formData.append('sender', this.sender);
  formData.append('receiver', this.receiver);
  formData.append('amount', this.amount);

  fetch('/api.php', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json())
  .then(result => {
    alert(result.message);
  });
},
getPoints() {
  const formData = new FormData();
  formData.append('action', 'getPoints');
  formData.append('member_id', this.sender);

  fetch(`/api.php?${new URLSearchParams(formData).toString()}`)
  .then(response => response.json())
  .then(result => {
    this.points = result.points;
  });
}

}
}

パート 5: まとめと展望
上記のコード例を通じて、メンバー ポイントの送受信機能を実装しました。もちろん、これは単純な例であり、セキュリティ検証や権限制御の追加など、必要に応じて変更および拡張することができます。

この記事があなたのお役に立ち、PHP および Vue 開発でメンバー ポイントの転送および受信機能を実装できることを願っています。あなたの発展に幸あれ！

以上がPHP と Vue の開発: メンバーシップ ポイントを譲渡および受け取る方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。