PHP dan Vue: Bagaimana untuk melaksanakan pengiraan kumulatif mata keahlian

PHP dan Vue: Bagaimana untuk melaksanakan pengiraan terkumpul mata ahli

Dalam model perniagaan moden, mata ahli telah menjadi salah satu cara penting untuk menarik dan mengekalkan ahli. Dengan menyediakan program mata, ahli boleh mengumpul mata semasa proses membeli-belah dan menikmati pelbagai faedah pada masa hadapan, yang membantu membina kesetiaan pelanggan jangka panjang. Artikel ini akan memperkenalkan cara menggunakan PHP dan Vue untuk melaksanakan pengiraan terkumpul mata keahlian dan memberikan contoh kod khusus.

1. Reka bentuk pangkalan data

Sebelum anda mula menulis kod, anda perlu mereka bentuk pangkalan data untuk menyimpan mata keahlian. Katakan kita mempunyai jadual bernama "pengguna", yang mengandungi medan berikut:

1. id: ID ahli, sebagai kunci utama dan pengecam unik
2. nama: nama ahli
3. mata: nilai mata semasa ahli.

2. Kod hujung belakang PHP

Seterusnya, kita perlu menulis kod hujung belakang PHP untuk mengendalikan pengiraan pengumpulan mata ahli.

1. Pertama, kita perlu menyambung ke pangkalan data. Ini boleh dicapai menggunakan kod berikut:

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

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

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

2. Seterusnya, kita perlu mencipta antara muka API untuk mengemas kini mata ahli. Kita boleh menggunakan kod berikut untuk mencapai ini:

<?php
// 获取会员ID和积分值
$member_id = $_POST['member_id'];
$points = $_POST['points'];

// 更新会员积分
$sql = "UPDATE users SET points = points + $points WHERE id = $member_id";

if ($conn->query($sql) === TRUE) {
    echo "会员积分更新成功";
} else {
    echo "会员积分更新失败: " . $conn->error;
}

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

3. Kod bahagian hadapan Vue

Seterusnya, kita perlu menulis kod bahagian hadapan Vue untuk melaksanakan pengiraan terkumpul mata ahli.

1. Pertama, kita perlu memasang perpustakaan axios dalam projek Vue untuk menghantar permintaan HTTP. Anda boleh menggunakan arahan berikut untuk memasang axios:

npm install axios

2. Dalam komponen Vue, kami boleh menggunakan kod berikut untuk menghantar permintaan POST dan mengemas kini mata keahlian:

<script>
import axios from 'axios';

export default {
  data() {
    return {
      member_id: '',
      points: '',
    };
  },
  methods: {
    updatePoints() {
      axios.post('http://localhost/update_points.php', {
        member_id: this.member_id,
        points: this.points,
      }).then(response => {
        console.log(response.data);
      }).catch(error => {
        console.error(error);
      });
    },
  },
};
</script>

Dalam kod di atas, kami menghantar permintaan POST kepada antara muka hujung belakang, dan luluskan ID ahli dan nilai mata sebagai parameter kepada antara muka hujung belakang. updatePoints

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