PHP et Vue : Comment mettre en place le calcul cumulé des points d'adhésion

PHP et Vue : Comment mettre en œuvre le calcul cumulé des points des membres

Dans le modèle économique moderne, les points des membres sont devenus l'un des moyens importants pour attirer et fidéliser les membres. En proposant un programme de points, les membres peuvent accumuler des points pendant le processus d'achat et bénéficier de divers avantages à l'avenir, ce qui contribue à fidéliser la clientèle à long terme. Cet article expliquera comment utiliser PHP et Vue pour implémenter le calcul cumulé des points d'adhésion et fournira des exemples de code spécifiques.

1. Conception de la base de données

Avant de commencer à écrire du code, vous devez d'abord concevoir une base de données pour stocker les points d'adhésion. Supposons que nous ayons une table nommée « utilisateurs », qui contient les champs suivants :

1. id : identifiant du membre, comme clé primaire et identifiant unique
2. name : nom du membre
3. points : valeur actuelle du point du membre ;

2. Code backend PHP

Ensuite, nous devons écrire du code backend PHP pour gérer le calcul de l'accumulation des points des membres.

1. Tout d'abord, nous devons nous connecter à la base de données. Cela peut être réalisé en utilisant le code suivant :

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

// 创建数据库连接
$conn = new mysqli($servername, $username, $password, $dbname);

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

2. Ensuite, nous devons créer une interface API pour mettre à jour les points des membres. Nous pouvons utiliser le code suivant pour y parvenir :

<?php
// 获取会员ID和积分值
$member_id = $_POST['member_id'];
$points = $_POST['points'];

// 更新会员积分
$sql = "UPDATE users SET points = points + $points WHERE id = $member_id";

if ($conn->query($sql) === TRUE) {
    echo "会员积分更新成功";
} else {
    echo "会员积分更新失败: " . $conn->error;
}

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

3. Code frontal de Vue

Ensuite, nous devons écrire du code frontal de Vue pour implémenter le calcul cumulé des points des membres.

1. Tout d'abord, nous devons installer la bibliothèque axios dans le projet Vue pour envoyer des requêtes HTTP. Vous pouvez utiliser la commande suivante pour installer axios :

npm install axios

2. Dans le composant Vue, nous pouvons utiliser le code suivant pour envoyer une requête POST et mettre à jour les points d'adhésion :

<script>
import axios from 'axios';

export default {
  data() {
    return {
      member_id: '',
      points: '',
    };
  },
  methods: {
    updatePoints() {
      axios.post('http://localhost/update_points.php', {
        member_id: this.member_id,
        points: this.points,
      }).then(response => {
        console.log(response.data);
      }).catch(error => {
        console.error(error);
      });
    },
  },
};
</script>

Dans le code ci-dessus, nous envoyons une requête POST à l'interface back-end et transmettez l'ID de membre et la valeur des points en tant que paramètres à l'interface back-end. updatePoints

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!