Mit der Popularität von E-Commerce und Online-Zahlung sind Mitgliedssysteme zu einer wichtigen Möglichkeit, die Benutzerloyalität zu verbessern. Das Points -System kann als Schlüsselverbindung den Sekundärverbrauch der Benutzer effektiv fördern. Dieser Artikel führt Sie durch die Verwendung von PHP und VUE, um nach der Zahlung ein automatisches Wachstum der Mitgliedschaftspunkte zu erzielen.
Zunächst müssen wir eine Datenbanktabelle erstellen, um Mitgliederinformationen und Punkte zu speichern. Die folgende SQL -Anweisung wird verwendet, um eine Datentabelle mit dem Namen Mitglieder zu erstellen:
CREATE TABLE members (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(50) NOT NULL,
points INT DEFAULT 0
);
Diese Tabelle enthält die Felder der Mitglieds -ID, Namen und Punkte, die grundlegende Datenunterstützung für nachfolgende Punkte -Updates bieten.
Als nächstes wird durch die PHP -Backend -Verarbeitungslogik nach erfolgreicher Zahlung die automatische Aktualisierung der Mitgliederpunkte erreicht. Das folgende Beispiel zeigt die Kern -Implementierungsidee:
// Stellen Sie eine Verbindung zur Datenbank her
$host = 'localhost';
$dbName = 'your_db_name';
$username = 'your_username';
$password = 'your_password';
$conn = new PDO("mysql:host=$host;dbname=$dbName;charset=utf8", $username, $password);
// Holen Sie sich eine MitgliedschaftIDund Zahlungsbetrag
$memberId = $_POST['member_id'];
$amount = $_POST['amount'];
// Fragen Sie die aktuellen Punkte ab
$stmt = $conn->prepare("SELECT points FROM members WHERE id = :id");
$stmt->bindParam(':id', $memberId);
$stmt->execute();
$points = $stmt->fetch(PDO::FETCH_ASSOC)['points'];
// Punkte aktualisieren
$newPoints = $points + $amount;
$stmt = $conn->prepare("UPDATE members SET points = :points WHERE id = :id");
$stmt->bindParam(':id', $memberId);
$stmt->bindParam(':points', $newPoints);
$stmt->execute();
// Rückgabeergebnis
$response = [
'status' => 'success',
'points' => $newPoints
];
echo json_encode($response);
Über den oben genannten Code kann das System nach Abschluss der Zahlung die Mitgliederpunkte automatisch aktualisieren und den neuesten Punktwert zurückgeben.
Im Front-End-Teil verwenden wir das Vue-Framework, um über Axios mit dem Back-End zu interagieren. Beispiele sind wie folgt:
<template>
<div>
<button @click="handlePayment">Zahlen</button>
<p>Aktuelle Punkte:{{ points }}</p>
</div>
</template>
<script>
export default {
data() {
return {
memberID: 1,
amount: 100,
points: 0
};
},
methods: {
handlePayment() {
// 发送Zahlen请求
axios.post('/api/payment', {
member_id: this.memberID,
amount: this.amount
}).then(response => {
// Punkte aktualisieren显示
this.points = response.data.points;
}).catch(error => {
console.error(error);
});
}
},
mounted() {
// 页面加载时获取Aktuelle Punkte
axios.get(`/api/members/${this.memberID}`)
.then(response => {
this.points = response.data.points;
})
.catch(error => {
console.error(error);
});
}
};
</script>
Nachdem die Zahlung erfolgreich ist, fordert der obige Front-End-Code die Back-End-Schnittstelle automatisch an und aktualisiert die Punktinformationen auf der Seite in Echtzeit.
Durch die Kombination von PHP -Backend und Vue Frontend können wir die Funktion der automatischen Erhöhung der Mitgliederpunkte nach der Zahlung leicht erreichen. Die Lösung ist klar und einfach zu implementieren und für alle Arten von E-Commerce-Websites und Mitgliedschaftssystemen geeignet. Entwickler können ihre Funktionen entsprechend den tatsächlichen Projektanforderungen erweitern, z. B. Hinzufügen von Punktregeln, Punkteinlösungsfunktionen usw., um das Mitgliedschaftssystem weiter zu verbessern.