Pembangunan PHP dan Vue: Bagaimana untuk mendapatkan mata keahlian untuk pelbagai jenis barangan selepas pembayaran

Pembangunan dengan PHP dan Vue: Cara mendapatkan mata keahlian untuk pelbagai jenis barangan selepas pembayaran

Pengenalan:
Dalam platform e-dagang, mata keahlian adalah mekanisme insentif biasa, yang boleh diperolehi dengan membeli barangan atau melengkapkan tugasan tertentu. Walau bagaimanapun, mungkin terdapat perbezaan dalam cara mata diperoleh untuk pelbagai jenis produk. Artikel ini akan menggabungkan pembangunan PHP dan Vue untuk memperkenalkan cara mendapatkan mata keahlian untuk pelbagai jenis barangan selepas pembayaran, dan memberikan contoh kod khusus. Kami berharap penjelasan dalam artikel ini dapat membantu pembangun melaksanakan fungsi ini dengan lebih baik.

1. Pembangunan bahagian belakang (PHP):

1. Reka bentuk pangkalan data:
   Sebelum memulakan pembangunan PHP, anda perlu mereka bentuk struktur jadual pangkalan data yang sesuai untuk menyimpan maklumat produk dan maklumat mata. Berikut ialah contoh reka bentuk jadual produk dan jadual mata:

Meja produk (barangan)

• id: ID Produk
• nama: Nama produk
• harga: Harga produk
• jenis: Jenis produk
• .. .

Jadual mata (mata)

• id: ID Mata
• goods_id: ID Produk (jadual produk berkaitan)
• mata: Bilangan mata
• ...

antara muka belakang belakang

2. 
   , Gunakan PHP untuk melaksanakan antara muka untuk mendapatkan mata keahlian untuk pelbagai jenis produk. Berikut ialah contoh mudah:

//Terima parameter yang diluluskan oleh bahagian hadapan
$goodsId = $_POST['goodsId'];

// Pertanyaan jenis produk
$goodsType = queryGoodsType ($goodsId);

// Soal mata ahli berdasarkan jenis produk
$points = queryPointsByType($goodsType);

// Kembalikan maklumat mata ke bahagian hadapan
echo json_encode(['points' => $points ]);

// Query Kaedah jenis produk
function queryGoodsType($goodsId)
{

// 自行实现，例如从数据库中查询商品类型
$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'];

}

// Kaedah maklumat titik pertanyaan
function queryPointsByType($goodsId)

Dalam kod di atas, mula-mula Terima parameter ID produk yang diluluskan oleh hujung hadapan, dan kemudian tanya jenis produk melalui kaedah queryGoodsType. Mengikut jenis produk, gunakan kaedah queryPointsByType untuk menanyakan maklumat mata ahli yang sepadan dan kembalikan hasilnya ke hujung hadapan dalam format JSON.

2. Pembangunan bahagian hadapan (Vue):

1. Buat projek Vue:
   Gunakan alatan seperti Vue CLI untuk mencipta projek Vue baharu, atau teruskan memperkenalkan perpustakaan Vue.js ke dalam halaman HTML.
2. Pembangunan halaman hadapan:
   Dalam halaman Vue, laksanakan fungsi mendapatkan mata ahli selepas pembayaran. Berikut ialah contoh mudah:

{
eksport data lalai{
},

kaedah: {

<h2 id="支付成功-获取会员积分">支付成功，获取会员积分</h2>
<select v-model="selectedGoods" @change="getPoints">
  <option v-for="item in goodsList" :key="item.id" :value="item.id">{{ item.name }}</option>
</select>

<p>会员积分: {{ points }}</p>

},};

Dalam kod di atas, data dan atribut pengiraan yang perlu digunakan ditakrifkan terlebih dahulu dalam data, dan kemudian v-model ialah digunakan untuk mengikatnya dalam templat Tetapkan nilai Barangan terpilih. Apabila pengguna memilih produk, peristiwa @change akan dicetuskan dan kaedah getPoints akan dilaksanakan. Kaedah getPoints menggunakan pustaka axios untuk menghantar permintaan POST ke bahagian belakang dan menghantar ID produk sebagai parameter kepada antara muka bahagian belakang. Apabila bahagian belakang mengembalikan data, keputusan diberikan kepada mata dan dipaparkan dalam templat.

Kesimpulan:

Melalui gabungan PHP dan Vue, kita boleh merealisasikan fungsi mendapatkan mata keahlian untuk pelbagai jenis produk selepas pembayaran. Dalam pembangunan bahagian belakang, kami mereka bentuk struktur jadual pangkalan data yang sesuai dan menulis kod antara muka bahagian belakang. Dalam pembangunan bahagian hadapan, kami menggunakan Vue untuk melaksanakan fungsi mendapatkan mata selepas pembayaran yang berjaya, dan berinteraksi dengan data bahagian belakang melalui perpustakaan axios. Kami berharap kod sampel dalam artikel ini dapat membantu pembangun merealisasikan fungsi e-dagang yang lebih kaya.

Atas ialah kandungan terperinci Pembangunan PHP dan Vue: Bagaimana untuk mendapatkan mata keahlian untuk pelbagai jenis barangan selepas pembayaran. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!