1. 개요
본 프로젝트는 프론트엔드와 백엔드 분리 아키텍처를 채택한 완전한 **전자상거래 작업 플랫폼 시스템** 세트입니다. 프론트엔드는 React + Vite + Ant Design Mobile을 기반으로 모바일 H5 애플리케이션을 구축하고, 백엔드는 ThinkPHP 5.1 프레임워크를 기반으로 RESTful API 인터페이스를 개발합니다. 이 시스템은 다국어 국제화를 지원하며 사용자 관리, 주문 관리, 결제 재충전, VIP 레벨 및 팀 프로모션과 같은 완전한 핵심 기능 모듈을 포함합니다.
2. 기술 아키텍처
프런트엔드 기술 스택
– **프레임워크**: React 18.2.0
– **빌드 도구**: Vite 7.3.1
– **UI 구성요소 라이브러리**: Ant Design Mobile 5.35.0
– **라우팅**: React Router DOM 6.22.3
– **HTTP 요청**: Axios 1.6.8
– **국제화**: i18next + React-i18next (20개 이상의 언어 지원)
– **기타**: QRCode 생성, 제스처 동작, 양식 확인 등
#### 백엔드 기술 스택
– **프레임워크**: ThinkPHP 5.1(LTS 버전)
– **PHP 버전**: >= 5.6, PHP 8.0과 호환 가능
– **데이터베이스**: MySQL
– **캐시**: Redis(Predis)
– **결제 통합**: TRC20/USDT 등 암호화폐 결제 지원
– **타사 서비스**: Alibaba Cloud OSS, Qiniu Cloud Storage, GeoIP 지리적 위치
3. 핵심 기능 모듈
1.사용자 시스템
– **사용자 등록 및 로그인**: 휴대폰 번호/사용자 이름 로그인, 비밀번호 암호화 저장 지원
– **사용자센터** : 개인정보 관리, 아바타 업로드, 주소 관리
– **VIP 레벨 시스템**: 다단계 VIP 멤버십 시스템, 레벨에 따라 다양한 권리와 이익을 누릴 수 있습니다.
– **계정 보안**: 거래 비밀번호, 로그인 상태 관리, 비밀번호 오류 잠금
2. 주문관리 시스템
– **주문 파악 기능**: 사용자는 다양한 제품 카테고리를 지원하여 제품 주문을 완료할 수 있습니다.
– **주문 목록**: 주문 상태 조회(보류 중, 진행 중, 완료)
– **주문 처리**: 주문 제출, 주문 취소, 주문 세부정보 보기
– **주문통계** : 오늘의 커미션 통계, 주문완료 통계
3.결제 충전 시스템
– **충전 기능**: 다양한 결제 수단 지원(은행카드, USDT 등)
– **출금 기능**: 은행 카드 출금, USDT 출금 지원
– **지갑 관리**: TRC20, BTC, ETH 및 기타 지갑 네트워크 지원
– **자금기록** : 충전내역, 출금내역, 자금흐름조회
– **수수료 관리**: 구성 가능한 출금 수수료 비율
4. 팀 승격 시스템
– **초대 기능**: 초대코드/초대링크 생성
– **팀 관리**: 하위 팀 및 팀 수입 통계 보기
– **커미션 공유**: 다단계 커미션 분배 메커니즘
– **홍보통계** : 팀규모, 판촉수익 등에 대한 통계입니다.
5. 다국어 국제화
시스템에는 다음을 포함하여 20개 이상의 언어가 기본적으로 지원됩니다.
– 중국어 간체/번체
– 영어, 스페인어, 프랑스어, 독일어
– 일본어, 한국어, 인도네시아어
– 러시아어, 터키어, 아랍어
– 그리고 더 많은 유럽 언어
6.백엔드 관리 시스템
– **사용자 관리**: 사용자 목록, 사용자 상태 관리, 사용자 레벨 설정
– **주문 관리**: 주문 검토, 주문 통계, 주문 내보내기
– **상품관리**: 상품분류, 상품목록, 재고관리
– **재무관리**: 예금심사, 출금심사, 자본흐름
– **시스템 구성**: 시스템 매개변수 설정, 결제 구성, 레벨 규칙 구성
– **권한 관리**: 노드 기반 권한 제어 시스템
4. 데이터베이스 설계
시스템의 주요 데이터 테이블은 다음과 같습니다.
– `xy_users`: 사용자 정보 테이블
– `xy_convey`: 주문 양식
– `xy_goods_list`: 상품 목록 테이블
– `xy_level`: VIP 레벨 테이블
– `xy_recharge`: 충전 기록 테이블
– `xy_deposit` : 출금기록 테이블
– `xy_balance_log`: 자금 흐름 테이블
– `xy_bankinfo`: 은행 카드 정보 테이블
– `user_wallet`: 사용자 지갑 테이블
– `xy_banner`: 캐러셀 차트
– `xy_index_msg`: 홈 페이지 메시지 테이블
5. API 인터페이스 디자인
시스템은 RESTful API 설계 사양을 채택하고 주요 인터페이스 모듈은 다음과 같습니다.
사용자 관련 인터페이스
– `/api/user/login` – 사용자 로그인
– `/api/user/register` – 사용자 등록
– `/api/user/info` – 사용자 정보 가져오기
주문 관련 인터페이스
– `/api/order/order_list` – 주문 목록 가져오기
– `/api/order/order_info` – 주문 세부정보 가져오기
– `/api/rotorder/submit_order` – 주문 제출
– `/api/order/do_order` – 주문 처리
결제 관련 인터페이스
– `/api/pay/recharge` – 충전 인터페이스
– `/api/withdraw/withdraw` – 출금 인터페이스
– `/api/wallet/saveWallet` – 지갑 정보 저장
홈페이지 관련 인터페이스
– `/api/index/home` – 홈페이지 데이터 가져오기
– `/api/index/get_msg` – 홈 페이지 그래픽 정보 가져오기
6. 프런트 엔드 페이지 구조
“`
소스/
├── views/ # 페이지 구성 요소
│ ├── Index.jsx # 홈 페이지
│ ├── Login.jsx # 로그인 페이지
│ ├── Register.jsx # 등록 페이지
│ ├── Order.jsx # 주문 페이지
│ ├── Trade.jsx # 트레이딩 페이지
│ ├── Team.jsx # 팀 페이지
│ ├── User.jsx # 사용자 센터
│ ├── Withdraw.jsx # 출금 페이지
│ ├── 결제/ # 결제 관련 페이지
│ └── 녹음/ # 녹음 관련 페이지
├── request/ # API 요청 캡슐화
├── lang/ # 다국어 구성
└── utils/ # 유틸리티 기능
“`
7. 보안 기능
1.**JWT 토큰 인증**: 인터페이스 인증에 Firebase JWT를 사용합니다.
2. **비밀번호 암호화**: SHA1 + Salt 이중 암호화
3. **거래 비밀번호**: 독립적인 거래 비밀번호는 자금의 보안을 보호합니다.
4. **로그인 상태 관리**: 반복 로그인 방지
5. **교차 도메인 처리**: CORS 교차 도메인 요청 지원
6. **데이터 검증**: 프런트엔드 및 백엔드 이중 데이터 검증
8. 배포 지침
프런트 엔드 배포
# 종속성 설치
npm 설치
# 개발환경 운영
npm 런데브
#프로덕션 환경 구축
npm 실행 빌드:릴리스
백엔드 배포
1. PHP 환경 요구 사항: PHP >= 5.6
2. 데이터베이스 연결 정보 구성
3. Redis 연결 구성
4. 파일 업로드 디렉터리 권한 설정
5.의사 정적 규칙 구성(Nginx/Apache)
9. 적용 가능한 시나리오
– 전자상거래 업무 플랫폼
– 모바일 H5몰
– 소셜 전자상거래 시스템
– 미션 바운티 플랫폼
– 회원 기반 전자상거래 플랫폼
– 다국어 크로스보더 전자상거래
10. 소스코드 특성
1. **완벽한 기능**: 즉시 사용할 수 있는 완전한 프런트엔드 및 백엔드 코드가 포함되어 있습니다.
2. **모바일 우선**: 모바일 H5용으로 특별히 설계된 반응형 레이아웃
3. **다국어 지원**: 20개 이상의 언어가 내장되어 있어 확장이 용이합니다.
4. **모듈형 디자인**: 명확한 코드 구조, 유지 관리 용이 및 보조 개발
5. **안전하고 신뢰할 수 있음**: 사용자 데이터와 자금을 보호하기 위한 완벽한 보안 메커니즘.
6. **성능 최적화**: 프런트엔드 코드 압축, 경로 지연 로딩, 인터페이스 캐싱 등의 최적화.
11. 기술지원
이 소스 코드에는 완전한 데이터베이스 구조, 자세한 코드 설명 및 완전한 API 문서가 포함되어 있습니다. 특정 개발 경험이 있는 개발자의 2차 개발 및 사용자 정의에 적합합니다.
