PHP- und Vue-Entwicklung: So erhalten Sie nach der Zahlung Mitgliedspunkte für verschiedene Warenarten

Entwicklung mit PHP und Vue: So erhalten Sie nach Bezahlung Mitgliedspunkte für verschiedene Warenarten

Einführung:
Auf E-Commerce-Plattformen sind Mitgliedspunkte ein gängiger Anreizmechanismus, der durch den Kauf von Waren oder den Abschluss erworben werden kann Bestimmte Aufgaben. Punkte sammeln. Es kann jedoch Unterschiede in der Art und Weise geben, wie Punkte für verschiedene Produktarten gesammelt werden. In diesem Artikel wird die PHP- und Vue-Entwicklung kombiniert, um vorzustellen, wie man nach der Zahlung Mitgliedspunkte für verschiedene Arten von Waren erhält, und um spezifische Codebeispiele bereitzustellen. Wir hoffen, dass die Erklärung in diesem Artikel Entwicklern helfen kann, diese Funktion besser zu implementieren.

1. Backend-Entwicklung (PHP):

1. Datenbankdesign:
   Bevor Sie mit der PHP-Entwicklung beginnen, müssen Sie zunächst eine geeignete Datenbanktabellenstruktur entwerfen, um Produktinformationen und Punkteinformationen zu speichern. Das Folgende ist ein Beispiel für das Design einer Produkttabelle und einer Punkttabelle:

Produkttabelle (Waren)

• id: Produkt-ID
• Name: Produktname
• Preis: Produktpreis
• Typ: Produkttyp
• . .

Punktetabelle (Punkte)

• id: Punkte-ID
• goods_id: Produkt-ID (zugehörige Produkttabelle)
• Punkte: Anzahl der Punkte
• ...

2. Web-Backend-Schnittstellenentwicklung:
   Weiter , Verwenden Sie PHP, um die Schnittstelle zum Erhalten von Mitgliedspunkten für verschiedene Produkttypen zu implementieren. Das Folgende ist ein einfaches Beispiel:

//Empfangen Sie die vom Frontend übergebenen Parameter
$goodsId = $_POST['goodsId'];

// Fragen Sie den Produkttyp ab
$goodsType = queryGoodsType ($goodsId);

// Mitgliedspunkte basierend auf Produkttyp abfragen
$points = queryPointsByType($goodsType);

// Punkteinformationen an das Frontend zurückgeben
echo json_encode(['points' => $points ])

Im obigen Code erhalten Sie zuerst den vom Front-End übergebenen Produkt-ID-Parameter und fragen dann den Produkttyp über die queryGoodsType-Methode ab. Verwenden Sie je nach Produkttyp die Methode queryPointsByType, um die entsprechenden Mitgliedspunktinformationen abzufragen und das Ergebnis im JSON-Format an das Front-End zurückzugeben.

2. Front-End-Entwicklung (Vue):

Erstellen Sie ein Vue-Projekt:

Verwenden Sie Tools wie Vue CLI, um ein neues Vue-Projekt zu erstellen, oder führen Sie die Vue.js-Bibliothek direkt in die HTML-Seite ein.

Entwicklung der Front-End-Seite:
Implementieren Sie auf der Vue-Seite die Funktion zum Erhalten von Mitgliedspunkten nach der Zahlung. Hier ist ein einfaches Beispiel:

// 自行实现，例如从数据库中查询商品类型
$pdo = new PDO("mysql:host=localhost;dbname=mydatabase", 'root', '');

$stmt = $pdo->prepare("SELECT type FROM goods WHERE id=?");
$stmt->execute([$goodsId]);
$result = $stmt->fetch(PDO::FETCH_ASSOC);

return $result['type'];

<script><li>export default {<br> data() {<pre class='brush:php;toolbar:false;'>// 自行实现，例如从数据库中查询对应商品类型的积分信息 $pdo = new PDO(&quot;mysql:host=localhost;dbname=mydatabase&quot;, 'root', ''); $stmt = $pdo-&gt;prepare(&quot;SELECT points FROM points WHERE goods_id IN (SELECT id FROM goods WHERE type=?)&quot;); $stmt-&gt;execute([$goodsType]); $result = $stmt-&gt;fetchAll(PDO::FETCH_ASSOC); return $result;</pre><li> },<br> Methoden: {<pre class='brush:php;toolbar:false;'>&lt;h2&gt;支付成功，获取会员积分&lt;/h2&gt; &lt;select v-model=&quot;selectedGoods&quot; @change=&quot;getPoints&quot;&gt; &lt;option v-for=&quot;item in goodsList&quot; :key=&quot;item.id&quot; :value=&quot;item.id&quot;&gt;{{ item.name }}&lt;/option&gt; &lt;/select&gt; &lt;p&gt;会员积分: {{ points }}&lt;/p&gt;</pre></script>

},

};

Im obigen Code werden zuerst die Daten und berechneten Attribute, die verwendet werden müssen, in den Daten definiert und dann das V-Modell erstellt Wird verwendet, um sie in der Vorlage zu binden. Legen Sie den Wert von selectedGoods fest. Wenn der Benutzer das Produkt auswählt, wird das @change-Ereignis ausgelöst und die getPoints-Methode ausgeführt. Die getPoints-Methode verwendet die Axios-Bibliothek, um eine POST-Anfrage an das Backend zu senden und übergibt die Produkt-ID als Parameter an die Backend-Schnittstelle. Wenn das Backend die Daten zurückgibt, werden die Ergebnisse Punkten zugeordnet und in der Vorlage angezeigt.

Fazit:

Durch die Kombination von PHP und Vue können wir die Funktion realisieren, nach der Zahlung Mitgliedspunkte für verschiedene Arten von Produkten zu erhalten. In der Back-End-Entwicklung haben wir die entsprechende Datenbanktabellenstruktur entworfen und den Back-End-Schnittstellencode geschrieben. In der Front-End-Entwicklung verwenden wir Vue, um die Funktion zum Erhalten von Punkten nach erfolgreicher Zahlung zu implementieren und über die Axios-Bibliothek mit den Back-End-Daten zu interagieren. Wir hoffen, dass der Beispielcode in diesem Artikel Entwicklern dabei helfen kann, umfangreichere E-Commerce-Funktionen zu realisieren.

Das obige ist der detaillierte Inhalt vonPHP- und Vue-Entwicklung: So erhalten Sie nach der Zahlung Mitgliedspunkte für verschiedene Warenarten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!