한국어
한국어
전자 상거래 및 온라인 결제의 인기로 인해 회원 시스템은 사용자 충성도를 향상시키는 중요한 방법이되었습니다. 주요 링크로서 포인트 시스템은 사용자의 2 차 소비를 효과적으로 촉진 할 수 있습니다. 이 기사는 PHP 및 VUE를 사용하여 지불 후 회원 지점의 자동 성장을 달성하는 방법을 안내합니다.
먼저 회원 정보 및 포인트를 저장하기위한 데이터베이스 테이블을 작성해야합니다. 다음 SQL 문은 멤버 라는 데이터 테이블을 만드는 데 사용됩니다.
CREATE TABLE members (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(50) NOT NULL,
points INT DEFAULT 0
);이 표에는 멤버 ID, 이름 및 포인트 필드가 포함되어 있으며 후속 포인트 업데이트에 대한 기본 데이터 지원을 제공합니다.
다음으로, 성공적인 결제 후 PHP 백엔드 처리 로직을 통해 멤버 포인트의 자동 업데이트가 달성됩니다. 다음 예는 핵심 구현 아이디어를 보여줍니다.
// 데이터베이스에 연결하십시오
$host = 'localhost';
$dbName = 'your_db_name';
$username = 'your_username';
$password = 'your_password';
$conn = new PDO("mysql:host=$host;dbname=$dbName;charset=utf8", $username, $password);
// 멤버십을 받으십시오ID그리고 지불 금액
$memberId = $_POST['member_id'];
$amount = $_POST['amount'];
// 현재 포인트를 쿼리하십시오
$stmt = $conn->prepare("SELECT points FROM members WHERE id = :id");
$stmt->bindParam(':id', $memberId);
$stmt->execute();
$points = $stmt->fetch(PDO::FETCH_ASSOC)['points'];
// 업데이트 포인트
$newPoints = $points + $amount;
$stmt = $conn->prepare("UPDATE members SET points = :points WHERE id = :id");
$stmt->bindParam(':id', $memberId);
$stmt->bindParam(':points', $newPoints);
$stmt->execute();
// 반환 결과
$response = [
'status' => 'success',
'points' => $newPoints
];
echo json_encode($response);위의 코드를 통해 시스템은 결제가 완료된 후에도 멤버 포인트를 자동으로 업데이트하고 최신 포인트 값을 반환 할 수 있습니다.
프론트 엔드 부분에서는 vue 프레임 워크를 사용하여 Axios를 통해 백엔드와 상호 작용합니다. 예는 다음과 같습니다.
<template>
<div>
<button @click="handlePayment">지불하다</button>
<p>현재 포인트：{{ points }}</p>
</div>
</template>
<script>
export default {
data() {
return {
memberID: 1,
amount: 100,
points: 0
};
},
methods: {
handlePayment() {
// 发送지불하다请求
axios.post('/api/payment', {
member_id: this.memberID,
amount: this.amount
}).then(response => {
// 업데이트 포인트显示
this.points = response.data.points;
}).catch(error => {
console.error(error);
});
}
},
mounted() {
// 页面加载时获取현재 포인트
axios.get(`/api/members/${this.memberID}`)
.then(response => {
this.points = response.data.points;
})
.catch(error => {
console.error(error);
});
}
};
</script>결제가 성공하면 위의 프론트 엔드 코드는 백엔드 인터페이스를 자동으로 요청하고 페이지의 포인트 정보를 실시간으로 업데이트합니다.
PHP 백엔드와 VUE 프론트 엔드를 결합하여 결제 후 회원 포인트를 자동으로 늘리는 기능을 쉽게 달성 할 수 있습니다. 이 솔루션은 명확하고 구현하기 간단하며 모든 종류의 전자 상거래 웹 사이트 및 멤버십 시스템에 적합합니다. 개발자는 포인트 규칙 추가, 포인트 상환 기능 등과 같은 실제 프로젝트 요구에 따라 기능을 확장하여 멤버십 시스템을 더욱 향상시킬 수 있습니다.
