Maison  >  Article  >  développement back-end  >  Développement PHP et Vue : Comment obtenir des points d'adhésion pour différents types de produits après paiement

Développement PHP et Vue : Comment obtenir des points d'adhésion pour différents types de produits après paiement

王林
王林original
2023-09-29 08:36:321170parcourir

Développement PHP et Vue : Comment obtenir des points dadhésion pour différents types de produits après paiement

Développement avec PHP et Vue : Comment obtenir des points d'adhésion pour différents types de biens après paiement

Introduction :
Dans les plateformes de commerce électronique, les points d'adhésion sont un mécanisme d'incitation courant, qui peut être obtenu en achetant des biens ou en complétant tâches spécifiques. Obtenez des points. Cependant, il peut y avoir des différences dans la manière dont les points sont gagnés pour différents types de produits. Cet article combinera le développement PHP et Vue pour présenter comment obtenir des points d'adhésion pour différents types de marchandises après paiement, et fournira des exemples de code spécifiques. Nous espérons que les explications contenues dans cet article pourront aider les développeurs à mieux implémenter cette fonction.

1. Développement back-end (PHP) :

  1. Conception de base de données :
    Avant de commencer le développement PHP, vous devez d'abord concevoir une structure de table de base de données appropriée pour stocker les informations sur les produits et les points. Voici un exemple de conception de table de produits et de table de points :

Tableau de produits (marchandises)

  • id : ID du produit
  • nom : Nom du produit
  • prix : Prix du produit
  • type : Type de produit
  • .. .

Tableau des points (points)

  • id : ID des points
  • goods_id : ID du produit (tableau des produits associés)
  • points : Nombre de points
  • ...
  1. Développement d'une interface web backend :
    Suivant , Utilisez PHP pour implémenter l'interface d'obtention de points d'adhésion pour différents types de produits. Voici un exemple simple :

//Recevoir les paramètres transmis par le front-end
$goodsId = $_POST['goodsId'];

// Interroger le type de produit
$goodsType = queryGoodsType ($goodsId);

// Requête des points des membres en fonction du type de produit
$points = queryPointsByType($goodsType);

// Renvoie les informations sur les points au front-end
echo json_encode(['points' => $points ]);

// Méthode de type de produit de requête
fonction queryGoodsType($goodsId)
{

// 自行实现,例如从数据库中查询商品类型
$pdo = new PDO("mysql:host=localhost;dbname=mydatabase", 'root', '');

$stmt = $pdo->prepare("SELECT type FROM goods WHERE id=?");
$stmt->execute([$goodsId]);
$result = $stmt->fetch(PDO::FETCH_ASSOC);

return $result['type'];

}

// Méthode d'information sur le point de requête
fonction queryPointsByType($goodsType)
{

// 自行实现,例如从数据库中查询对应商品类型的积分信息
$pdo = new PDO("mysql:host=localhost;dbname=mydatabase", 'root', '');

$stmt = $pdo->prepare("SELECT points FROM points WHERE goods_id IN (SELECT id FROM goods WHERE type=?)");
$stmt->execute([$goodsType]);
$result = $stmt->fetchAll(PDO::FETCH_ASSOC);

return $result;

}
?>

Dans le code ci-dessus, recevez d'abord le paramètre d'ID de produit transmis par le front-end, puis interrogez le type de produit via la méthode queryGoodsType. Selon le type de produit, utilisez la méthode queryPointsByType pour interroger les informations sur les points membres correspondants et renvoyez le résultat au front-end au format JSON.

2. Développement front-end (Vue) :

  1. Créer un projet Vue :
    Utilisez des outils tels que Vue CLI pour créer un nouveau projet Vue, ou introduisez directement la bibliothèque Vue.js dans la page HTML.
  2. Développement de la page Front-end :
    Dans la page Vue, implémentez la fonction d'obtention de points membres après paiement. Voici un exemple simple :

<script><br>export default {<br> data() {</script>

return {
  selectedGoods: '',
  points: null,
  goodsList: [
    { id: 1, name: '商品A' },
    { id: 2, name: '商品B' },
    { id: 3, name: '商品C' },
  ],
};

},
méthodes : {

getPoints() {
  // 调用后端接口
  axios.post('/api/getPoints.php', { goodsId: this.selectedGoods })
    .then((response) => {
      this.points = response.data.points;
    })
    .catch((error) => {
      console.error(error);
    });
},

},
};

Dans le code ci-dessus, les données et les attributs calculés qui doivent être utilisés sont d'abord définis dans les données, puis le v-model est utilisé pour les lier dans le modèle. Définissez la valeur de selectedGoods. Lorsque l'utilisateur sélectionne le produit, l'événement @change sera déclenché et la méthode getPoints sera exécutée. La méthode getPoints utilise la bibliothèque axios pour envoyer une requête POST au backend et transmet l'ID du produit en tant que paramètre à l'interface backend. Lorsque le backend renvoie les données, les résultats sont attribués à des points et affichés dans le modèle.

Conclusion :
Grâce à la combinaison de PHP et Vue, nous pouvons réaliser la fonction d'obtention de points d'adhésion pour différents types de produits après paiement. Lors du développement back-end, nous avons conçu la structure de table de base de données appropriée et écrit le code de l'interface back-end. Dans le développement front-end, nous utilisons Vue pour implémenter la fonction d'obtention de points après un paiement réussi et interagissons avec les données back-end via la bibliothèque axios. Nous espérons que l'exemple de code présenté dans cet article pourra aider les développeurs à réaliser des fonctions de commerce électronique plus riches.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn