Gunakan PHP dan Vue untuk membangunkan rekod penggunaan mata keahlian selepas pembayaran-tutorial php-php.cn

Gunakan PHP dan Vue untuk membangunkan rekod penggunaan mata keahlian selepas pembayaran

WBOY

Lepaskan： 2023-09-25 12:56:01

asal

965 orang telah melayarinya

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.

Reka bentuk pangkalan data
Pertama, kita perlu mereka bentuk pangkalan data untuk menyimpan maklumat ahli dan rekod penggunaan mata. Berikut ialah contoh mudah:

Jadual ahli (ahli)
- id (kunci utama)
- nama (nama ahli)
- e-mel (e-mel ahli)
- ) mata
id (kunci utama)
- id_ahli (ID ahli, jadual ahli berkaitan kunci asing)
- mata (mata digunakan)
- masa penciptaan (masa penciptaan penggunaan)
- Kami boleh menggunakan PHP sebagai bahasa pembangunan bahagian belakang untuk mengendalikan permintaan dan operasi pangkalan data. Berikut ialah contoh kod PHP mudah:

Maklumat ahli pertanyaan

<?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);
?>

Salin selepas log masuk

<?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" => "新增积分使用记录成功"]);
?>

Salin selepas log masuk

Untuk menyediakan rekod penggunaan antara muka dan mata operasi pengguna, kami Anda boleh menggunakan Vue untuk membangunkan antara muka hadapan yang mudah. Berikut ialah contoh kod:

<!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>

Salin selepas log masuk

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!