La définition de la période de validité des points d'adhésion est une fonction courante dans de nombreux systèmes de commerce électronique ou systèmes d'adhésion. Les commerçants offrent généralement un certain nombre de points après le paiement des utilisateurs, mais ces points ne sont pas permanents et doivent être utilisés pendant une période de temps spécifique. Cet article va vous montrer comment implémenter la fonction de gestion des périodes de validité des points via PHP et Vue.
Cet exemple utilise PHP comme langage back-end, Vue comme framework front-end et MySQL comme base de données. Cette combinaison technologique peut non seulement garantir la stabilité du backend, mais également fournir une expérience interactive frontale flexible et efficace.
Nous devons créer une table de données dans la base de données pour stocker les informations sur les points. Un exemple de structure de table est le suivant :
Dans la partie back-end, nous écrivons un fichier PHP pour recevoir les informations utilisateur et le nombre de points passés par le front-end, et calculons la durée de validité des points.
<?php
// Se connecter à la base de données
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";
$conn = new mysqli($servername, $username, $password, $dbname);
// Déterminer si la connexion réussit
if ($conn-> erreur_de connexion) {
die("Échec de la connexion : " . $conn->connect_error);
}
// Récupère les paramètres passés par le front end $user_id = $_POST['user_id'];
$points = $_POST['points'];
// Calculez la durée de validité des points, ici elle est supposée être de 30 jours $now = date('Ym-d');
$expire_date = date('Ym-d', strtotime($now . ' + 30 jours'));
// Insérer des données dans la base de données $sql = "INSERT INTO points (user_id, points, expire_date) VALUES ("$user_id', '$points', '$expire_date')";
if ($conn->query($sql) === VRAI) {
echo "Points définis avec succès" ;
} autre {
echo "Erreur : " . $sql . "<br> " . $conn->erreur ;
}
$conn->close();
?>Dans la partie front-end, nous créons un composant Vue qui permet à l'administrateur ou au système de saisir l'ID utilisateur et le nombre de points, et d'envoyer les données au back-end.
<template>
<div>
<input type="text" v-model="user_id" placeholder="Veuillez entrer l'utilisateurID" />
<input type="text" v-model="points" placeholder="Veuillez entrer le nombre de points" />
<button @click="setPoints">Points de consigne</button>
</div>
</template>
<script>
export default {
data() {
return {
user_id: "",
points: ""
};
},
methods: {
setPoints() {
axios
.post("points.php", {
user_id: this.user_id,
points: this.points
})
.then(function(response) {
console.log(response.data);
})
.catch(function(error) {
console.log(error);
});
}
}
};
</script>Lorsque vous utilisez axios dans un projet, vous devez vous assurer que les dépendances ont été installées et importées dans le fichier d'entrée.
importer Vue depuis "vue" ;
importer l'application depuis "./App.vue" ;
importer des axios depuis "axios" ;
Vue.prototype.$http = axios;
nouvelleVue({
rendu : h => h(App)
}).$mount("#app");Grâce à la combinaison de PHP et Vue, nous pouvons facilement mettre en œuvre la fonction de gestion de la durée de validité des points après paiement. Bien que l’exemple de cet article simplifie une partie de la logique métier, il montre l’idée complète de la mise en œuvre. Dans les projets réels, vous pouvez développer davantage, par exemple en ajoutant des tâches de nettoyage des points, une vérification de sécurité et des règles de calcul de points plus complexes, pour créer un système de points de membre plus complet.