Maison > Article > développement back-end > Utilisez PHP et Vue pour développer des enregistrements d'utilisation des points d'adhésion après paiement
Titre : PHP et Vue développent un enregistrement d'utilisation des points des membres après paiement
Introduction :
Dans les secteurs modernes du commerce électronique et des services, les points sont devenus l'un des moyens importants d'attirer et de fidéliser les utilisateurs. Afin de mieux gérer les enregistrements d'utilisation des points, nous pouvons développer un système d'enregistrement d'utilisation des points des membres entièrement fonctionnel via PHP et Vue.
Table des membres (membres)
Table d'enregistrement d'utilisation des points (points_records)
<?php // 连接数据库 $mysqli = new mysqli("localhost", "username", "password", "database"); // 检查连接是否成功 if ($mysqli->connect_error) { die("连接数据库失败: " . $mysqli->connect_error); } // 查询会员信息 $sql = "SELECT * FROM members WHERE id = ? LIMIT 1"; $stmt = $mysqli->prepare($sql); $stmt->bind_param("i", $memberId); $stmt->execute(); $result = $stmt->get_result(); // 处理查询结果 $member = $result->fetch_assoc(); // 关闭数据库连接 $stmt->close(); $mysqli->close(); // 返回会员信息 echo json_encode($member); ?>
<?php // 连接数据库 $mysqli = new mysqli("localhost", "username", "password", "database"); // 检查连接是否成功 if ($mysqli->connect_error) { die("连接数据库失败: " . $mysqli->connect_error); } // 新增积分使用记录 $sql = "INSERT INTO points_records (member_id, points, create_time) VALUES (?, ?, ?)"; $stmt = $mysqli->prepare($sql); $stmt->bind_param("iis", $memberId, $points, $createTime); $stmt->execute(); // 关闭数据库连接 $stmt->close(); $mysqli->close(); // 返回成功信息 echo json_encode(["message" => "新增积分使用记录成功"]); ?>
<!DOCTYPE html> <html> <head> <title>会员积分使用记录</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> </head> <body> <div id="app"> <h1>会员积分使用记录</h1> <div v-if="!loading"> <p>会员姓名:{{ member.name }}</p> <p>会员邮箱:{{ member.email }}</p> <p>积分余额:{{ member.points }}</p> <hr> <h2>积分使用记录</h2> <ul> <li v-for="record in records"> <p>使用积分:{{ record.points }}</p> <p>使用时间:{{ record.create_time }}</p> </li> </ul> </div> <div v-else> <p>正在加载中...</p> </div> </div> <script> new Vue({ el: "#app", data: { member: {}, records: [], loading: true }, mounted() { // 发送请求获取会员信息和积分使用记录 axios.get("api/getMember.php?id=1") .then(response => { this.member = response.data; this.loading = false; }) .catch(error => { console.error(error); }); } }); </script> </body> </html>
Ce qui précède est un exemple simple de développement PHP et Vue d'un système d'enregistrement de l'utilisation des points des membres, que nous pouvons étendre et optimiser en fonction des besoins réels. Grâce à un tel système, nous pouvons facilement gérer et visualiser l'utilisation des points des membres, offrir une meilleure expérience utilisateur et promouvoir la participation des utilisateurs. Bien entendu, la mise en œuvre d'un système complet de points d'adhésion nécessite également de prendre en compte davantage de fonctionnalités et de problèmes de sécurité, ce qui nécessite un développement et une conception plus poussés en fonction des besoins spécifiques de l'entreprise.
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!