한국어
한국어
전자 상거래의 빠른 개발로 점점 더 많은 사용자가 온라인 쇼핑 비용을 지불하기로 선택합니다. 가맹점이 사용자 재구매 요금을 개선하기위한 열쇠 중 하나는 지불 후 포인트를 회원에게 보상하는 것입니다. 이 기사는 PHP를 사용하여 백엔드 서비스를 구축하고 VUE를 사용하여 프론트 엔드 인터페이스를 구축하고 지불 후 포인트를 자동으로 얻는 기능을 인식하고 데모 코드를 첨부하는 방법을 소개합니다.
먼저, 사용자 지불 정보를 수신하고 해당 포인트를 업데이트하려면 기본 백엔드 인터페이스가 필요합니다. 샘플 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>// 쿼리 사용자 적분 기능<br>
function get_user_points($user_id)<br>
{<br>
// TODO: 데이터베이스를 쿼리하여 현재 포인트를 얻으십시오<br>
return 0;<br>
}</p>
<p>// 적분 기능을 계산합니다<br>
function calculate_points($payment_amount)<br>
{<br>
// TODO: 지불 금액에 따라 포인트를 계산합니다<br>
return 0;<br>
}</p>
<p>// 적분 기능을 업데이트하십시오<br>
function update_user_points($user_id, $new_points)<br>
{<br>
// TODO: 데이터베이스의 업데이트 포인트<br>
}<br>
?><br>
다음으로 VUE를 사용하여 프론트 엔드 구성 요소를 개발하십시오. 사용자가 성공적으로 지불 한 후에는 버튼을 클릭하여 포인트를 얻음으로써 백엔드 인터페이스를 요청합니다.
<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를 사용하여 백엔드 포인트 논리 처리 및 프론트 엔드 포인트 디스플레이의 구현을 포함하여 결제 후 멤버 포인트를 자동으로 얻는 기능을 개발하는 방법을 소개합니다. 실제 프로젝트에서는 비즈니스 요구에 따라 포인트 계산 규칙 및 데이터 저장 방법을 더욱 개선하고 사용자 정의 할 수 있습니다. 개발 노력에 도움이되기를 바랍니다.
