Rumah > pembangunan bahagian belakang > tutorial php > Menggunakan PHP dan Vue untuk melaksanakan kaedah melanjutkan tempoh sah mata keahlian selepas pembayaran

Menggunakan PHP dan Vue untuk melaksanakan kaedah melanjutkan tempoh sah mata keahlian selepas pembayaran

PHPz
Lepaskan: 2023-09-27 13:42:01
asal
739 orang telah melayarinya

Menggunakan PHP dan Vue untuk melaksanakan kaedah melanjutkan tempoh sah mata keahlian selepas pembayaran

Menggunakan PHP dan Vue untuk melaksanakan kaedah melanjutkan tempoh sah mata ahli selepas pembayaran

Apabila menjalankan transaksi e-dagang, ahli mata ialah sejenis kaedah ganjaran biasa. Untuk memotivasikan ahli dengan lebih baik untuk terus mengambil dan mengambil bahagian dalam aktiviti, memanjangkan tempoh sah mata adalah strategi pengurusan yang penting. Artikel ini akan memperkenalkan cara menggunakan PHP dan Vue untuk melaksanakan kaedah melanjutkan tempoh sah mata ahli selepas pembayaran.

Pertama sekali, kita perlu mewujudkan pangkalan data untuk menyimpan data berkaitan ahli, termasuk ID ahli, mata, tempoh sah dan medan lain. Kita boleh menggunakan MySQL atau pangkalan data hubungan lain untuk mencapai ini.

Berikut ialah contoh struktur jadual pangkalan data yang mudah:

Jadual ahli (ahli):

  • id: ID ahli#🎜 🎜#
  • nama pengguna: Nama pengguna ahli
  • mata: Mata ahli
  • tarikh_luput: Mata tempoh sah
  • #🎜🎜,##🎜🎜,##🎜🎜 perlu menulis antara muka backend PHP untuk mengendalikan logik sambungan kesahihan mata selepas pembayaran.
Pertama, terima maklumat yang berkaitan selepas pembayaran berjaya melalui permintaan POST, seperti ID ahli dan jumlah pembayaran. Kemudian, kita perlu menanyakan pangkalan data untuk mencari maklumat ahli yang sepadan.

<?php
// 设置数据库信息
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "members_db";

// 建立数据库连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
    die("数据库连接失败:" . $conn->connect_error);
}

// 接收POST请求中的会员ID和支付金额
$member_id = $_POST['member_id'];
$payment_amount = $_POST['payment_amount'];

// 查询会员信息
$sql = "SELECT * FROM members WHERE id = '" . $member_id . "'";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // 找到会员信息
    $member = $result->fetch_assoc();

    // 计算新的积分有效期
    $new_expiry_date = date('Y-m-d H:i:s', strtotime($member['expiry_date']) + $payment_amount);

    // 更新会员积分有效期
    $update_sql = "UPDATE members SET expiry_date = '" . $new_expiry_date . "' WHERE id = '" . $member_id . "'";
    $conn->query($update_sql);

    echo "积分有效期已延长";
} else {
    echo "找不到会员信息";
}

$conn->close();
?>
Salin selepas log masuk

Seterusnya, kita perlu memanggil antara muka PHP dalam aplikasi bahagian hadapan Vue.

Kami boleh menggunakan perpustakaan Axios Vue untuk menghantar permintaan POST dan mendapatkan ID ahli dan jumlah pembayaran melalui borang yang mudah.

Berikut ialah contoh komponen Vue yang mudah:

<template>
    <form @submit.prevent="extendExpiryDate">
        <label for="memberId">会员ID:</label>
        <input type="text" id="memberId" v-model="memberId" required>

        <label for="paymentAmount">支付金额:</label>
        <input type="number" id="paymentAmount" v-model="paymentAmount" required>

        <button type="submit">延长积分有效期</button>
    </form>
</template>

<script>
import axios from 'axios';

export default {
    data() {
        return {
            memberId: '',
            paymentAmount: 0
        }
    },
    methods: {
        extendExpiryDate() {
            axios.post('http://yourdomain.com/extend_expiry_date.php', {
                member_id: this.memberId,
                payment_amount: this.paymentAmount
            })
            .then(response => {
                console.log(response.data);
            })
            .catch(error => {
                console.log(error);
            });
        }
    }
}
</script>
Salin selepas log masuk

Dalam contoh di atas, kami mengandaikan bahawa fail antara muka PHP dinamakan extend_expiry_date.php dan letakkannya di dalam root anda direktori pelayan. Anda perlu menggantikan 'yourdomain.com' dengan nama domain sebenar anda.

Akhirnya, anda boleh membenamkan komponen Vue ke dalam halaman anda Selepas pengguna menyerahkan borang, kaedah extendExpiryDate akan dipanggil, menghantar permintaan POST ke pelayan dan menerima respons daripada pelayan.

Ringkasnya, artikel ini memperkenalkan cara menggunakan PHP dan Vue untuk melaksanakan kaedah melanjutkan tempoh sah mata ahli selepas pembayaran. Dengan menulis antara muka belakang PHP dan aplikasi bahagian hadapan Vue, kami boleh memproses maklumat yang berkaitan selepas pembayaran berjaya dan mengemas kini tempoh sah mata ahli.

Sila ambil perhatian bahawa dalam projek sebenar, anda perlu melakukan pengoptimuman dan pemprosesan keselamatan yang sesuai bagi kod, seperti pengesahan parameter, penapisan output, dsb. Selain itu, fungsi lain boleh ditambah mengikut keperluan sebenar, seperti menghantar e-mel pemberitahuan, dsb. Harap artikel ini membantu anda!

Atas ialah kandungan terperinci Menggunakan PHP dan Vue untuk melaksanakan kaedah melanjutkan tempoh sah mata keahlian selepas pembayaran. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan