Entwicklung mit PHP und Vue: So übertragen und erhalten Sie Mitgliedspunkte
Einführung:
Auf vielen Websites und Anwendungen werden Mitgliedspunkte häufig verwendet, um Benutzer für ihre Treue und Teilnahme zu belohnen. Um die Benutzerbeteiligung an der Plattform zu erhöhen, müssen Benutzer manchmal die Übertragungs- und Empfangsfunktionen von Mitgliedspunkten implementieren. In diesem Artikel wird erläutert, wie Sie mithilfe der PHP- und Vue-Entwicklung die Übertragungs- und Empfangsfunktionen von Mitgliedspunkten realisieren und spezifische Codebeispiele bereitstellen.
Teil Eins: Technische Anforderungen und Vorbereitung
Bevor wir mit der Entwicklung beginnen, müssen wir die folgenden Punkte sicherstellen:
Teil 2: Datenbankdesign und -erstellung
Bevor wir mit dem Schreiben von Code beginnen, müssen wir die Datenbank entwerfen und die entsprechende Tabellenstruktur erstellen. Für die Übertragungs- und Empfangsfunktionen von Mitgliedspunkten müssen wir die folgenden zwei Tabellen erstellen:
Sie können die folgenden SQL-Anweisungen verwenden, um diese beiden Tabellen zu erstellen:
--Mitgliedstabelle erstellen
TABLE-Mitglieder erstellen (
id INT(11) NOT NULL AUTO_INCREMENT,
Name VARCHAR(50) NOT NULL,
PRIMARY KEY (id)
);
--Punktetabelle erstellen
CREATE TABLE Punkte (
id INT(11) NOT NULL AUTO_INCREMENT,
member_id INT(11) NOT NULL,
Betrag INT(11) NOT NULL,
PRIMARY KEY ( id),
FOREIGN KEY (member_id) REFERENCES member(id)
);
Teil 3: PHP-Backend-Implementierung
In Bezug auf die PHP-Backend-Implementierung müssen wir Schnittstellen schreiben, um die Übertragungs- und Empfangsfunktionen von Mitgliedspunkten zu verwalten. Das Folgende ist ein Beispiel für einen PHP-Code:
//Mit der Datenbank verbinden
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = " your_dbname" ;
$conn = new mysqli($servername, $username, $password, $dbname);
// Transferanforderung für Prozesspunkte
if ($_SERVER['REQUEST_METHOD'] === 'POST' && $ _POST[ 'action'] === 'transfer') {
$sender = $_POST['sender'];
$receiver = $_POST['receiver'];
$amount = $_POST['amount'];
// Überprüfen Sie, ob der Absender genügend Punkte hat
$check_sender_points = "SELECT amount FROM points WHERE member_id = $sender";
$sender_points_result = $conn->query($check_sender_points);
$sender_points = $sender_points_result-> ; fetch_assoc()['amount'];
if ($sender_points
echo json_encode(['success' => false, 'message' => '您的账户积分不足']); exit;
}
// Punkte übertragen
$transfer_points = "UPDATE Punkte SET Betrag = Betrag - $amount WHERE member_id = $ sender ";
$conn->query($transfer_points);
$receive_points = "UPDATE Punkte SET Betrag = Betrag + $amount WHERE member_id = $receiver";
$conn->query($receive_points);
echo json_encode(['success' => true, 'message' => 'Punkteübertragung erfolgreich']);
}
// Punkteabfrageanforderung verarbeiten
if ($_SERVER['REQUEST_METHOD'] === ' GET' && $_GET['action'] === 'getPoints') {
$member_id = $_GET['member_id'];
// Fragen Sie die Anzahl der Punkte ab
$get_points = "SELECT amount FROM points WHERE member_id = $ member_id";
$points_result = $conn->query($get_points);
$points = $points_result->fetch_assoc()['amount'];
echo json_encode(['points' => ; $points ]);
}
$conn->close();
?>
Teil 4: Vue-Frontend-Implementierung
In Bezug auf die Vue-Frontend-Implementierung müssen wir Komponenten schreiben, die verarbeitet werden müssen die Übertragungs- und Empfangsfunktionen von Mitgliedspunkten. Das Folgende ist ein Beispiel für eine Vue-Komponente:
<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>