ငွေပေးချေပြီးနောက်အလိုအလျောက်အသင်း 0 င်ရန်အချက်များကိုရယူရန် PHP နှင့် VUE ကိုသုံးပါ

ငွေပေးချေမှုပြီးနောက်အသင်း 0 င်များရရှိမှုကိုရယူရန် PHP နှင့် Vue ကိုမည်သို့အသုံးပြုရမည်နည်း

e-commerce လျင်မြန်စွာဖွံ့ဖြိုးတိုးတက်မှုအတွက်အသုံးပြုသူများသည်အွန်လိုင်းစျေးဝယ်မှုအတွက်ငွေပေးချေရန်ရွေးချယ်ရန်နှင့်ပိုမိုများပြားလာသည်။ ကုန်သည်များကိုပြန်လည်ဝယ်ယူရန်အတွက်ကုန်သည်များ၏သော့ချက်တစ်ခုမှာသုံးစွဲသူဝယ်ယူမှုနှုန်းကို 0 ယ်ယူရန်အတွက် 0 န်ဆောင်မှုပေးရန်ဖြစ်သည်။ ဒီဆောင်းပါးမှာရှေ့ -En-end interfaces တွေကိုတည်ဆောက်ဖို့ back-end 0 န်ဆောင်မှုတွေနဲ့ Vue ကိုတည်ဆောက်ဖို့ PHP ကိုဘယ်လိုသုံးရမလဲဆိုတာကိုမိတ်ဆက်ပေးမှာပါ။

PHP Backend Service Processing Processing Logic ကိုတည်ဆောက်ပါ

ပထမ ဦး စွာသုံးစွဲသူငွေပေးချေမှုအချက်အလက်များနှင့်သက်ဆိုင်ရာအချက်များကိုအသစ်ပြောင်းရန်အခြေခံ backend interface လိုအပ်ပါသည်။ PHP ကုဒ်သည်အောက်ပါအတိုင်းဖြစ်သည် -

 <?php
// အသုံးပြုသူငွေပေးချေမှုသတင်းအချက်အလက်ရယူပါ
$user_id = $_POST['user_id'];
$payment_amount = $_POST['payment_amount'];
<p>// အသုံးပြုသူလက်ရှိအချက်များကိုမေးမြန်းပါ<br>
$old_points = get_user_points($user_id);</p>
<p>// အချက်အသစ်များကိုတွက်ချက်ပါ<br>
$new_points = calculate_points($payment_amount);</p>
<p>// အသုံးပြုသူအချက်များကိုမွမ်းမံပါ<br>
update_user_points($user_id, $old_points + $new_points);</p>
<p>// ရလဒ်ပြန်လာရလဒ်<br>
$result = [<br>
'message' => 'အချက်များကိုအောင်မြင်စွာမွမ်းမံ',<br>
'points' => $old_points + $new_points<br>
];<br>
echo json_encode($result);</p>
<p>// query user integral function ကို<br>
function get_user_points($user_id)<br>
{<br>
// TODO: လက်ရှိအချက်များရရန်ဒေတာဘေ့စ်ကိုရှာဖွေပါ<br>
return 0;<br>
}</p>
<p>// အဆိုပါအရေးပါသော function ကိုတွက်ချက်<br>
function calculate_points($payment_amount)<br>
{<br>
// TODO: ငွေပေးချေမှုပမာဏအပေါ် အခြေခံ. အချက်များကိုတွက်ချက်ပါ<br>
return 0;<br>
}</p>
<p>// အရေးပါသော function ကို update လုပ်ပါ<br>
function update_user_points($user_id, $new_points)<br>
{<br>
// TODO: ဒေတာဘေ့စရှိအချက်များကိုအဆင့်မြှင့်တင်ပါ<br>
}<br>
?><br>

POCTORT POINT ကိုရယူရန်ရှေ့တန်းအဆုံး interface ကိုတည်ဆောက်ရန် Vue ကိုသုံးပါ

ထို့နောက်ရှေ့ဆုံးအစိတ်အပိုင်းများကိုဖွံ့ဖြိုးတိုးတက်စေရန် Vue ကိုသုံးပါ။ အသုံးပြုသူသည်အောင်မြင်စွာငွေပေးချေပြီးနောက်သူ / သူသည်ရမှတ်များရယူရန်ခလုတ်ကိုနှိပ်ခြင်းဖြင့်နောက်ခံ interface ကိုတောင်းဆိုသည်။

 <template>
  <div>
    <h1>အောင်မြင်စွာငွေပေးချေမှု</h1>
    <p>သင်အောင်မြင်စွာပေးဆောင်ပါပြီ{{ paymentAmount }}ယွမ်</p>
    <button @click="getPoints">ရမှတ်ရယူပါ</button>
    <p v-if="points > 0">သင့်ရဲ့လက်ရှိအချက်များဖြစ်ကြသည်{{ points }}</p>
    <p v-else>ရမှတ်ရယူပါ失败</p>
  </div>
</template>
<p><script><br>
export default {<br>
data() {<br>
return {<br>
paymentAmount: 100, // ငွေပေးချေမှုပမာဏဖြစ်ပါတယ်ယူဆ100ယွမ်<br>
points: 0<br>
}<br>
},<br>
methods: {<br>
getPoints() {<br>
axios.post('/api/get_points.php', {<br>
user_id: 123, // အသုံးပြုသူယူဆIDအတွက်123<br>
payment_amount: this.paymentAmount<br>
})<br>
.then(response => {<br>
this.points = response.data.points;<br>
})<br>
.catch(() => {<br>
this.points = 0;<br>
});<br>
}<br>
},<br>
mounted() {<br>
// 页面加载时自动ရမှတ်ရယူပါ<br>
this.getPoints();<br>
}<br>
}<br>
</script><br>

အကျဉ်းချုပ်

ဤဆောင်းပါးသည် PHP နှင့် Vue ကိုမည်သို့အသုံးပြုရမည်ကိုမိတ်ဆက်ပေးပြီးနောက်ခံမှတ်တိုင်များကိုအလိုအလျှောက်ငွေပေးချေမှုနှင့်ရှေ့ဆုံးအချက်များအကောင်အထည်ဖော်မှုကိုအကောင်အထည်ဖော်ခြင်းအပါအ 0 င် 0 န်ဆောင်မှုကိုအလိုအလျောက်ရရှိမည်ဖြစ်သည်။ အမှန်တကယ်စီမံကိန်းများအရအချက်များတွက်ချက်မှုဆိုင်ရာစည်းမျဉ်းစည်းကမ်းများနှင့်ဒေတာသိုလှောင်နည်းများကိုပိုမိုတိုးတက်စေပြီးစိတ်ကြိုက်ပြုလုပ်နိုင်သည်။ ၎င်းသည်သင်၏ဖွံ့ဖြိုးတိုးတက်မှုဆိုင်ရာကြိုးပမ်းမှုများကိုအထောက်အကူပြုလိမ့်မည်ဟုမျှော်လင့်ပါသည်။