PHP et Vue : Comment mettre à jour automatiquement les points d'adhésion en fonction du montant du paiement

PHP et Vue : Comment mettre à jour automatiquement les points d'adhésion en fonction du montant du paiement

Dans la société moderne, de nombreuses entreprises et commerçants proposeront aux clients un système de points d'adhésion pour encourager la consommation des clients et renforcer leur fidélité. Pour certaines petites et moyennes entreprises, beaucoup choisiront d'utiliser PHP et Vue pour développer leurs propres sites Web ou centres commerciaux et mettre en œuvre de telles fonctions de points d'adhésion.

Cet article utilisera des exemples de code spécifiques pour présenter comment utiliser PHP et Vue pour mettre à jour automatiquement les points d'adhésion en fonction du montant du paiement.

1. Développement Backend (PHP)
   Tout d'abord, nous devons écrire du code dans le backend pour gérer la logique de paiement et la mise à jour des points. Nous pouvons utiliser PHP pour accomplir cette tâche.

(1) Créer une table de base de données
Tout d'abord, nous devons créer une table de base de données nommée « membres » pour stocker les informations et les points des membres.

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

(2) Ajouter des membres et des points de mise à jour
Ensuite, nous devons écrire du code PHP pour ajouter de nouveaux membres et mettre à jour des points.

<?php
// 连接到数据库
$conn = mysqli_connect("localhost", "username", "password", "database_name");

// 检查连接是否成功
if (!$conn) {
    die("连接数据库失败: " . mysqli_connect_error());
}

// 添加新会员
$name = $_POST['name'];
$sql = "INSERT INTO members (name) VALUES ('$name')";
if (mysqli_query($conn, $sql)) {
    echo "新会员添加成功";
} else {
    echo "添加会员失败: " . mysqli_error($conn);
}

// 更新积分
$points = $_POST['points'];
$member_id = $_POST['member_id'];
$sql = "UPDATE members SET points = points + $points WHERE id = $member_id";
if (mysqli_query($conn, $sql)) {
    echo "积分更新成功";
} else {
    echo "积分更新失败: " . mysqli_error($conn);
}

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

2. Développement front-end (Vue)
   Ensuite, nous devons utiliser Vue pour gérer les fonctions de paiement frontal et de mise à jour des points.

(1) Créez un composant Vue qui contient le formulaire de paiement et la logique de mise à jour des points.

<template>
  <div>
    <form @submit="handlePayment">
      <label for="amount">支付金额:</label>
      <input type="number" id="amount" v-model="amount" required>
      <button type="submit">支付</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      amount: 0,
    };
  },
  methods: {
    handlePayment(event) {
      event.preventDefault();

      // 调用后端API来添加新会员
      axios
        .post('/api/addMember', { name: 'John Doe' })
        .then((response) => {
          console.log(response.data);
        })
        .catch((error) => {
          console.error(error);
        });

      // 调用后端API来更新积分
      axios
        .post('/api/updatePoints', { member_id: 1, points: this.amount })
        .then((response) => {
          console.log(response.data);
        })
        .catch((error) => {
          console.error(error);
        });
    },
  },
};
</script>

3. Intégrer le back-end et le front-end
   Enfin, nous devons intégrer le code PHP back-end et le code Vue front-end.

Dans votre projet PHP, créez un fichier appelé "api.php" et ajoutez-y le code suivant.

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $request_uri = $_SERVER['REQUEST_URI'];

    if ($request_uri === '/api/addMember') {
        // 添加会员的代码
    }

    else if ($request_uri === '/api/updatePoints') {
        // 更新积分的代码
    }
}
?>

Dans le projet Vue, introduisez les composants Vue pour le paiement et la mise à jour des points dans les pages requises.

<template>
  <div>
    <h1 id="Pay-and-Update-Points">Pay and Update Points</h1>
    <payment-form></payment-form>
  </div>
</template>

<script>
import PaymentForm from './PaymentForm.vue';

export default {
  components: {
    PaymentForm,
  },
};
</script>

Ce qui précède est un exemple de code utilisant PHP et Vue pour mettre à jour automatiquement les points d'adhésion en fonction du montant du paiement. De cette façon, nous pouvons facilement mettre en œuvre un système simple de points de membre et mettre à jour les points des membres en fonction du montant du paiement. Bien entendu, il ne s’agit que d’un exemple simple, et davantage d’exigences commerciales et de mesures de sécurité doivent être prises en compte dans les systèmes réels. J'espère que cet article vous aidera !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!