Rumah > Artikel > pembangunan bahagian belakang > Pembangunan PHP dan Vue: cara memindahkan dan menerima mata keahlian
Pembangunan dengan PHP dan Vue: Cara memindahkan dan menerima mata keahlian
Pengenalan:
Dalam banyak tapak web dan aplikasi, mata keahlian sering digunakan untuk memberi ganjaran kepada pengguna atas kesetiaan dan penyertaan mereka. Untuk meningkatkan penyertaan pengguna dalam platform, orang kadangkala perlu melaksanakan fungsi pemindahan dan penerimaan mata ahli. Artikel ini akan memperkenalkan cara menggunakan pembangunan PHP dan Vue untuk merealisasikan fungsi pemindahan dan penerimaan mata ahli, dan menyediakan contoh kod khusus.
Bahagian Pertama: Keperluan Teknikal dan Persediaan
Sebelum memulakan pembangunan, kami perlu memastikan perkara berikut:
Bahagian 2: Reka Bentuk dan Penciptaan Pangkalan Data
Sebelum kita mula menulis kod, kita perlu mereka bentuk pangkalan data dan mencipta struktur jadual yang sepadan. Untuk fungsi pemindahan dan penerimaan mata ahli, kita perlu mencipta dua jadual berikut:
Anda boleh menggunakan pernyataan SQL berikut untuk mencipta dua jadual ini:
--Buat jadual ahli
BUAT ahli MEJA (
id INT(11) BUKAN NULL AUTO_INCREMENT,
nama VARCHAR(50) BUKAN PRIM,
(id)
);
--Buat jadual mata
BUAT JADUAL mata (
id INT(11) BUKAN NULL AUTO_INCREMENT,
member_id INT(11) BUKAN NULL,
jumlah INT(11) BUKAN NULL,
id),
FOREIGN KEY (member_id) RUJUKAN ahli(id)
);
Bahagian 3: PHP backend pelaksanaan
Dari segi pelaksanaan PHP backend, kita perlu menulis antara muka untuk mengendalikan pemindahan dan fungsi penerimaan mata ahli. Berikut ialah contoh kod PHP:
//Sambung ke pangkalan data
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = " your_dbname" ;
$conn = new mysqli($servername, $username, $password, $dbname);
// Permintaan pemindahan mata proses
if ($_SERVER['REQUEST_METHOD'] === 'POST' && $ _POST[ 'tindakan'] === 'pindahan') {
$pengirim = $_POST['pengirim'];
$penerima = $_POST['penerima'];
$jumlah = $_POST['jumlah'];
// Semak sama ada pengirim mempunyai mata yang mencukupi
$check_sender_points = "PILIH amaun DARI mata WHERE member_id = $sender";
$sender_points_result = $conn->query($check_sender_points);
$sender_points = $sender-points = $sender-points ; fetch_assoc()['amount'];
if ($sender_points
echo json_encode(['success' => false, 'message' => '您的账户积分不足']); exit;
}
// Transfer points
$transfer_points = "KEMASKINI mata SET amaun = amaun - $amount WHERE member_id = $ penghantar ";
$conn->query($transfer_points);
$receive_points = "KEMASKINI mata SET amaun = jumlah + $amount WHERE member_id = $receiver";
$conn->query($receive_points);
echo json_encode(['success' => true, 'message' => 'Pindahan mata berjaya']);
}
// Permintaan pertanyaan mata proses
if ($_SERVER['REQUEST_METHOD'] === ' GET' && $_GET['action'] === 'getPoints') {
$member_id = $_GET['member_id'];
// Soal jumlah mata
$get_points = "PILIH amaun DARI mata DI MANA member_id = $ member_id";
$points_result = $conn->query($get_points);
$points = $points_result->fetch_assoc()['amount'];
echo json_encode(['points' => ; $points ]);
}
$conn->close();
?>
Bahagian 4: Pelaksanaan bahagian hadapan Vue
Dari segi pelaksanaan bahagian hadapan Vue, kita perlu menulis komponen untuk dikendalikan fungsi pemindahan dan penerimaan mata ahli. Berikut ialah contoh komponen Vue:
<div>
发送者ID:<input type="text" v-model="sender">
</div>
<div>
接收者ID:<input type="text" v-model="receiver">
</div>
<div>
积分数额:<input type="number" v-model="amount">
</div>
<div>
<button @click="transferPoints">转让积分</button>
</div>
<div>
<button @click="getPoints">查询积分</button>
</div>
<div v-if="points !== null">
当前积分数额:{{ points }}
</div>
{
eksport semula data lalai
kaedah: {
return { sender: '', receiver: '', amount: 0, points: null }}
}
Melalui contoh kod di atas, kami telah melaksanakan fungsi pemindahan dan penerimaan mata ahli. Sudah tentu, ini hanyalah contoh mudah, dan anda boleh mengubah suai dan mengembangkannya mengikut keperluan anda sendiri, seperti menambah pengesahan keselamatan, kawalan kebenaran, dsb.
Atas ialah kandungan terperinci Pembangunan PHP dan Vue: cara memindahkan dan menerima mata keahlian. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!