Cara menggunakan PHP dan Vue untuk membangunkan tetapan tempoh sah mata keahlian selepas pembayaran

Cara menggunakan PHP dan Vue untuk membangunkan tetapan tempoh sah mata keahlian selepas pembayaran

1 Pengenalan
Tetapan tempoh sah mata keahlian adalah sangat penting untuk peniaga. Selepas pembayaran, peniaga sering memberi pengguna mata tertentu, tetapi mata ini tidak sah secara kekal dan perlu ditetapkan untuk tempoh sah mengikut peraturan tertentu. Artikel ini akan memperkenalkan langkah dan contoh kod khusus menggunakan PHP dan Vue untuk membangunkan tetapan tempoh sah mata keahlian selepas pembayaran.

2. Seni Bina Teknikal
Dalam contoh ini, kami akan menggunakan PHP sebagai bahasa pembangunan bahagian belakang, Vue sebagai rangka kerja pembangunan bahagian hadapan, dan MySQL sebagai pangkalan data untuk menyimpan data. Kelebihan seni bina ini ialah PHP mempunyai keupayaan pemprosesan bahagian belakang yang berkuasa, Vue mempunyai keupayaan pembangunan komponen bahagian hadapan yang cekap, dan MySQL boleh menyimpan dan mengurus data dengan sangat baik.

3. Reka bentuk pangkalan data
Dalam contoh ini, kita perlu mereka bentuk jadual pangkalan data untuk menyimpan maklumat mata ahli. Jadual ini mengandungi sekurang-kurangnya medan berikut:

1. user_id: ID pengguna, digunakan untuk membezakan pengguna yang berbeza
2. mata: bilangan mata
3. tarikh tamat: tempoh sah mata.

4. Pembangunan bahagian belakang

1. Pertama, kita perlu mencipta fail PHP untuk mengendalikan logik bahagian belakang. Anda boleh menamakannya points.php.
2. Dalam points.php, kami perlu menerima ID pengguna dan bilangan mata yang dilalui oleh bahagian hadapan, dan mengira tempoh sah mata.

<?php
// 连接数据库
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";

$conn = new mysqli($servername, $username, $password, $dbname);

// 判断连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 接收前端传递过来的参数
$user_id = $_POST['user_id'];
$points = $_POST['points'];

// 计算积分的有效期
$now = date('Y-m-d');
$expire_date = date('Y-m-d', strtotime($now . ' + 30 days')); // 假设积分有效期为30天

// 将数据插入数据库
$sql = "INSERT INTO points (user_id, points, expire_date) VALUES ('$user_id', '$points', '$expire_date')";

if ($conn->query($sql) === TRUE) {
    echo "积分设置成功";
} else {
    echo "Error: " . $sql . "<br>" . $conn->error;
}

$conn->close();
?>

5. Pembangunan bahagian hadapan

1. Buat komponen Vue untuk menerima input daripada ID pengguna dan bilangan mata, dan hantar permintaan ke bahagian belakang.

<template>
  <div>
    <input type="text" v-model="user_id" placeholder="请输入用户ID" />
    <input type="text" v-model="points" placeholder="请输入积分数量" />
    <button @click="setPoints">设置积分</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      user_id: "",
      points: ""
    };
  },
  methods: {
    setPoints() {
      axios
        .post("points.php", {
          user_id: this.user_id,
          points: this.points
        })
        .then(function(response) {
          console.log(response.data);
        })
        .catch(function(error) {
          console.log(error);
        });
    }
  }
};
</script>

2. Anda perlu memasang kebergantungan axios dan mengimport axios dalam main.js.

import Vue from "vue";
import App from "./App.vue";
import axios from "axios";

Vue.prototype.$http = axios;

new Vue({
  render: h => h(App)
}).$mount("#app");

6. Ringkasan
Dengan menggunakan PHP dan Vue untuk membangunkan tetapan tempoh sah mata keahlian selepas pembayaran, kami boleh melaksanakan fungsi yang mudah dan praktikal. Artikel ini memperkenalkan langkah dan contoh kod keseluruhan proses pembangunan, dengan harapan dapat membantu pembaca. Sudah tentu, ini hanyalah contoh mudah Dalam projek sebenar, lebih banyak fungsi dan isu keselamatan mungkin perlu dipertimbangkan, dan ia perlu dikembangkan dan dioptimumkan mengikut keperluan sebenar.

Atas ialah kandungan terperinci Cara menggunakan PHP dan Vue untuk membangunkan tetapan tempoh sah mata keahlian selepas pembayaran. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!