Rumah >pembangunan bahagian belakang >tutorial php >Gunakan PHP dan Vue untuk membangunkan rekod penggunaan mata keahlian selepas pembayaran

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

WBOY
WBOYasal
2023-09-25 12:05:151018semak imbas

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.

  1. 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
    • ) mata
  • Jadual rekod penggunaan mata (rekod_mata)
  • id (kunci utama)
    • id_ahli (ID ahli, jadual ahli berkaitan kunci asing)
    • mata (mata digunakan)
    • masa penciptaan (masa penciptaan penggunaan)
    • Pembangunan Bahagian Belakang (PHP)
    • 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
  1. <?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);
    ?>

  2. Tambah rekod penggunaan mata
    <?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" => "新增积分使用记录成功"]);
    ?>
  • Pembangunan bahagian hadapan (Vue)
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>
  • Di atas ialah contoh pembangunan PHP dan Vue yang mudah bagi sistem rakaman penggunaan mata ahli, yang boleh kami kembangkan dan optimumkan mengikut keperluan sebenar. Melalui sistem sedemikian, kami boleh mengurus dan melihat penggunaan mata ahli dengan mudah, memberikan pengalaman pengguna yang lebih baik dan menggalakkan penyertaan pengguna. Sudah tentu, melaksanakan sistem mata keahlian yang lengkap juga memerlukan pertimbangan lebih banyak fungsi dan isu keselamatan, yang memerlukan pembangunan dan reka bentuk selanjutnya berdasarkan keperluan perniagaan tertentu.

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn