Rumah > Artikel > pembangunan bahagian belakang > Gunakan PHP dan Vue untuk membangunkan rekod penggunaan mata keahlian selepas pembayaran
Tajuk: PHP dan Vue membangunkan rekod penggunaan mata ahli selepas pembayaran
Pengenalan:
Dalam industri e-dagang dan perkhidmatan moden, mata telah menjadi salah satu cara penting untuk menarik dan mengekalkan pengguna. Untuk mengurus rekod penggunaan mata dengan lebih baik, kami boleh membangunkan sistem rekod penggunaan mata ahli yang berfungsi sepenuhnya melalui PHP dan Vue.
Jadual ahli (ahli)
<?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>
Atas ialah kandungan terperinci Gunakan PHP dan Vue untuk membangunkan rekod penggunaan mata keahlian selepas pembayaran. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!