Pembangunan PHP dan Vue: Bagaimana untuk melaksanakan mekanisme ganjaran perkongsian mata ahli

Pembangunan dengan PHP dan Vue: Cara melaksanakan mekanisme ganjaran perkongsian mata ahli

Dengan perkembangan Internet, sistem keahlian telah menjadi semakin biasa dalam banyak bidang perniagaan. Bagi memotivasikan ahli untuk mengambil bahagian secara aktif, banyak syarikat akan memperkenalkan sistem mata dan meningkatkan mata ahli melalui mekanisme ganjaran bersama. Dalam artikel ini, kami akan memperkenalkan cara menggunakan PHP dan Vue untuk membangunkan mekanisme ganjaran perkongsian mata ahli, dan memberikan contoh kod khusus.

Pertama, kita perlu mencipta pangkalan data untuk menyimpan maklumat ahli dan rekod mata. Kami boleh menggunakan MySQL sebagai sistem pengurusan pangkalan data dan mencipta jadual bernama "ahli" untuk menyimpan maklumat ahli, termasuk ID ahli, nama ahli dan mata semasa. Selain itu, kami juga boleh membuat jadual yang dipanggil "ganjaran" untuk menyimpan rekod ganjaran kongsi antara ahli, termasuk ID ahli, bilangan mata ganjaran dan masa perkongsian.

Berikut ialah contoh kod SQL untuk mencipta jadual "ahli":

CREATE TABLE members (
  id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
  name VARCHAR(30) NOT NULL,
  points INT(6) NOT NULL
);

Berikut ialah contoh kod SQL untuk mencipta jadual "ganjaran":

CREATE TABLE rewards (
  id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
  member_id INT(6) UNSIGNED,
  points INT(6) NOT NULL,
  share_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
  FOREIGN KEY (member_id) REFERENCES members(id)
);

Seterusnya, kita perlu mencipta fail PHP untuk mengendalikan ahli ' permintaan perkongsian mata . Dalam fail ini, pertama sekali kita perlu menyambung ke pangkalan data MySQL dan mendapatkan ID ahli dan bilangan titik kongsi sebagai parameter input.

<?php
// 连接到数据库
$conn = mysqli_connect("localhost", "username", "password", "database");

// 检查连接是否成功
if (!$conn) {
    die("连接失败: " . mysqli_connect_error());
}

// 获取会员ID和分享积分数
$member_id = $_POST['member_id'];
$share_points = $_POST['share_points'];

// 更新会员的积分
$sql = "UPDATE members SET points = points + $share_points WHERE id = $member_id";
mysqli_query($conn, $sql);

// 记录分享奖励
$sql = "INSERT INTO rewards (member_id, points) VALUES ($member_id, $share_points)";
mysqli_query($conn, $sql);

// 关闭数据库连接
mysqli_close($conn);
?>

Dalam kod di atas, "localhost" ialah alamat pelayan pangkalan data, "nama pengguna" dan "kata laluan" ialah nama pengguna dan kata laluan yang diperlukan untuk menyambung ke pangkalan data, dan "pangkalan data" ialah nama pangkalan data. Kita boleh ubah suai mengikut keadaan sebenar.

Kini, kita perlu menggunakan Vue untuk membuat halaman keahlian untuk memaparkan maklumat mata ahli dan butang perkongsian. Kami boleh menggunakan komponen Vue untuk melaksanakan halaman ini dan menggunakan perpustakaan axios untuk menghantar permintaan ke fail PHP bahagian belakang.

<template>
  <div>
    <h1>会员积分</h1>
    <p>当前积分：{{ points }}</p>
    <button @click="sharePoints">分享</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      points: 0
    };
  },
  mounted() {
    this.getPoints();
  },
  methods: {
    getPoints() {
      axios
        .get('getPoints.php')
        .then((response) => {
          this.points = response.data.points;
        })
        .catch((error) => {
          console.log(error);
        });
    },
    sharePoints() {
      axios
        .post('sharePoints.php', { member_id: 1, share_points: 10 })
        .then(() => {
          this.getPoints();
        })
        .catch((error) => {
          console.log(error);
        });
    }
  }
};
</script>

Dalam kod di atas, kami menggunakan dua fail PHP: "getPoints.php" digunakan untuk mendapatkan maklumat mata ahli dan "sharePoints.php" digunakan untuk memproses permintaan perkongsian mata ahli. Kami boleh mengubah suai fail ini mengikut keadaan sebenar.

Akhir sekali, kami perlu mengkonfigurasi pelayan untuk menjalankan aplikasi kami. Kami boleh menggunakan Apache sebagai pelayan dan menggunakan fail PHP dan fail Vue di atas ke direktori pelayan yang sepadan.

Melalui langkah di atas, kami berjaya melaksanakan mekanisme ganjaran perkongsian mata ahli berdasarkan PHP dan Vue. Ahli boleh berkongsi mata mereka dengan mengklik butang kongsi dan menerima mata ganjaran yang sepadan. Pada masa yang sama, kami juga menyediakan contoh kod khusus untuk rujukan.

Sila ambil perhatian bahawa dalam aplikasi sebenar, kami juga perlu mengoptimumkan kod untuk keselamatan dan prestasi bagi memastikan kestabilan dan keselamatan sistem.

Atas ialah kandungan terperinci Pembangunan PHP dan Vue: Bagaimana untuk melaksanakan mekanisme ganjaran perkongsian mata ahli. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!