PHP dan Vue: Bagaimana untuk melaksanakan mekanisme lanjutan tempoh sah mata keahlian

PHP dan Vue: Bagaimana untuk melaksanakan mekanisme lanjutan tempoh sah mata keahlian

Pengenalan:
Mata ahli ialah mekanisme ganjaran biasa dalam platform e-dagang, yang boleh menggalakkan ahli untuk terus membeli dan mengambil bahagian dalam aktiviti. Walau bagaimanapun, untuk beberapa peraturan mata, mata mempunyai tempoh sah Setelah mata tamat, ia tidak boleh digunakan, menyebabkan masalah kepada ahli. Artikel ini akan memperkenalkan cara menggunakan PHP dan Vue untuk melaksanakan mekanisme lanjutan kesahihan mata keahlian dan memberikan contoh kod khusus.

1. Pelaksanaan Backend
Gunakan PHP pada bahagian belakang untuk melaksanakan mekanisme lanjutan kesahihan mata keahlian Kami memerlukan langkah berikut:

1. Buat jadual pangkalan data
   Buat jadual pangkalan data bernama "ahli" untuk menyimpan Maklumat ahli, termasuk ahli. ID, mata, tempoh sah dan medan lain.

CREATE TABLE members (
    id INT PRIMARY KEY AUTO_INCREMENT,
    name VARCHAR(255) NOT NULL,
    points INT NOT NULL,
    expire_date DATE NOT NULL
);

2. Logik kod PHP
   Dalam kod PHP, kita boleh menggunakan logik berikut untuk melanjutkan tempoh sah mata keahlian:

// 获取当前时间
$currentDate = date('Y-m-d');

// 查询会员信息
$query = "SELECT * FROM members";
$result = mysqli_query($connection, $query);

// 遍历每个会员
while ($row = mysqli_fetch_assoc($result)) {
    $expireDate = $row['expire_date'];
    $points = $row['points'];
    $id = $row['id'];

    // 如果当前时间大于有效期并且积分大于0
    if ($currentDate > $expireDate && $points > 0) {
        // 将有效期延长一年
        $newExpireDate = date('Y-m-d', strtotime('+1 year', strtotime($expireDate)));
        
        // 更新数据库中的有效期字段
        $updateQuery = "UPDATE members SET expire_date = '$newExpireDate' WHERE id = '$id'";
        mysqli_query($connection, $updateQuery);
    }
}

2. Pelaksanaan bahagian hadapan
Gunakan Vue di bahagian hadapan untuk melaksanakan mekanisme lanjutan tempoh sah mata keahlian. Kami Langkah berikut diperlukan:

1. Buat komponen Vue
   Buat komponen Vue bernama "Senarai Ahli" untuk memaparkan senarai ahli dan menyediakan fungsi melanjutkan tempoh sah mata.

<template>
  <div>
    <ul>
      <li v-for="member in members" :key="member.id">
        <span>{{ member.name }}</span>
        <span>{{ member.points }}</span>
        <span>{{ member.expireDate }}</span>
        <button @click="extendExpireDate(member.id)">延长有效期</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      members: [],
    };
  },
  mounted() {
    this.fetchMembers();
  },
  methods: {
    fetchMembers() {
      // 调用API获取会员列表
      // ...

      // 将数据存储到this.members中
      // ...
    },
    extendExpireDate(id) {
      // 调用API将指定会员的有效期延长
      // ...

      // 更新this.members中对应会员的有效期
      // ...
    },
  },
};
</script>

2. Panggil API bahagian belakang
   Dalam komponen Vue, kami boleh menggunakan axios dan alatan lain untuk memanggil antara muka API bahagian belakang untuk melanjutkan tempoh sah mata keahlian.

axios.post('/api/extendExpireDate', { id: memberId })
  .then(response => {
    // 成功延长有效期后，更新会员列表中对应会员的有效期
    const updatedMembers = this.members.map(member => {
      if (member.id === memberId) {
        return { ...member, expireDate: response.data.expireDate };
      }
      return member;
    });

    this.members = [...updatedMembers];
  })
  .catch(error => {
    // 处理错误
  });

3 Ringkasan
Dengan menggunakan PHP dan Vue masing-masing untuk mengendalikan logik hujung belakang dan antara muka hadapan, kami boleh melaksanakan mekanisme lanjutan tempoh sah mata keahlian. Bahagian belakang menggunakan fungsi operasi pangkalan data PHP untuk bertanya dan mengemas kini maklumat ahli, dan bahagian hadapan menggunakan Vue untuk memaparkan senarai ahli dan memanggil API bahagian belakang untuk melanjutkan tempoh sah. Di atas adalah idea asas dan contoh kod untuk melaksanakan fungsi ini Kaedah pelaksanaan khusus boleh diselaraskan dan dikembangkan mengikut keperluan projek.

Atas ialah kandungan terperinci PHP dan Vue: Bagaimana untuk melaksanakan mekanisme lanjutan tempoh sah mata keahlian. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!