Maison > Article > développement back-end > Développement PHP et Vue : comment transférer et recevoir des points d'adhésion
Développement avec PHP et Vue : Comment transférer et recevoir des points d'adhésion
Introduction :
Dans de nombreux sites Web et applications, les points d'adhésion sont souvent utilisés pour récompenser les utilisateurs pour leur fidélité et leur participation. Afin d'augmenter la participation des utilisateurs à la plateforme, les gens doivent parfois mettre en œuvre les fonctions de transfert et de réception des points membres. Cet article expliquera comment utiliser le développement PHP et Vue pour réaliser les fonctions de transfert et de réception des points membres, et fournira des exemples de code spécifiques.
Première partie : exigences techniques et préparation
Avant de commencer le développement, nous devons nous assurer des points suivants :
Partie 2 : Conception et création d'une base de données
Avant de commencer à écrire du code, nous devons concevoir la base de données et créer la structure de table correspondante. Pour les fonctions de transfert et de réception des points membres, nous devons créer les deux tables suivantes :
Vous pouvez utiliser les instructions SQL suivantes pour créer ces deux tables :
--Créer une table membre
Membres CREATE TABLE (
id INT(11) NOT NULL AUTO_INCREMENT,
nom VARCHAR(50) NOT NULL,
PRIMARY KEY (id)
);
--Créer une table de points
CREATE TABLE points (
id INT(11) NOT NULL AUTO_INCREMENT,
member_id INT(11) NOT NULL,
montant INT(11) NOT NULL,
PRIMARY KEY ( id),
FOREIGN KEY (member_id) REFERENCES Members(id)
);
Partie 3 : Implémentation du backend PHP
En termes d'implémentation du backend PHP, nous devons écrire des interfaces pour gérer les fonctions de transfert et de réception des points membres. Voici un exemple de code PHP :
// Connectez-vous à la base de données
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = " your_dbname" ;
$conn = new mysqli($servername, $username, $password, $dbname);
// Demande de transfert de points de traitement
if ($_SERVER['REQUEST_METHOD'] === 'POST' && $ _POST[ 'action'] === 'transfer') {
$sender = $_POST['sender'];
$receiver = $_POST['receiver'];
$amount = $_POST['amount'];
// Vérifiez si l'expéditeur a suffisamment de points
$check_sender_points = "SELECT montant FROM 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;
}
// Transférer des points
$transfer_points = "UPDATE points SET montant = montant - $amount WHERE member_id = $ sender ";
$conn->query($transfer_points);
$receive_points = "UPDATE points SET montant = montant + $montant OÙ member_id = $receiver";
$conn->query($receive_points);
echo json_encode(['success' => true, 'message' => 'Transfert de points réussi']);
}
// Traiter la demande de requête de points
if ($_SERVER['REQUEST_METHOD'] === ' GET' && $_GET['action'] === 'getPoints') {
$member_id = $_GET['member_id'];
// Interroger le nombre de points
$get_points = "SELECT montant FROM points OÙ member_id = $ member_id";
$points_result = $conn->query($get_points);
$points = $points_result->fetch_assoc()['montant'];
echo json_encode(['points' => ; $points ]);
}
$conn->close();
?>
Partie 4 : Implémentation frontale de Vue
En termes d'implémentation frontale de Vue, nous devons écrire des composants pour gérer les fonctions de transfert et de réception des points membres. Voici un exemple de composant Vue :
<div>
发送者ID:<input type="text" v-model="sender">
</div>
<div>
接收者ID:<input type="text" v-model="receiver">
</div>
<div>
积分数额:<input type="number" v-model="amount">
</div>
<div>
<button @click="transferPoints">转让积分</button>
</div>
<div>
<button @click="getPoints">查询积分</button>
</div>
<div v-if="points !== null">
当前积分数额:{{ points }}
</div>
<script><br>export default {<br> data() {</script>
return { sender: '', receiver: '', amount: 0, points: null }
},
méthodes : {
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; }); }
}
}
Partie 5 : Résumé et Outlook
À travers les exemples de code ci-dessus, nous avons implémenté les fonctions de transfert et de réception des points membres. Bien sûr, ce n'est qu'un exemple simple, et vous pouvez le modifier et l'étendre en fonction de vos propres besoins, comme l'ajout d'une vérification de sécurité, d'un contrôle d'autorisation, etc.
J'espère que cet article vous sera utile et vous permettra d'implémenter les fonctions de transfert et de réception de points membres dans votre développement PHP et Vue. Bonne chance dans votre développement !
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!