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 以上の言語をサポート)
– **その他**: QRコード生成、ジェスチャー操作、フォーム認証など
#### バックエンド技術スタック
– **フレームワーク**: 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. フロントエンドページの構造
「」
ソース/
§── ビュー数/ページコンポーネント数
│ §── Index.jsx # ホームページ
│ §── Login.jsx # ログインページ
│ §── Register.jsx # 登録ページ
│ §── Order.jsx # 注文ページ
│ §── Trade.jsx # 取引ページ
│ §── Team.jsx # チームページ
│ §── User.jsx # ユーザーセンター
│ §── Withdraw.jsx # 退会ページ
│ §── Pay/ # 支払い関連ページ
│ └── レコード/ # レコード関連ページ
§── request/ # APIリクエストのカプセル化
§── lang/ # 多言語設定
└── utils/ # ユーティリティ関数
「」
7. セキュリティ機能
1.**JWT トークン認証**: インターフェイス認証に Firebase JWT を使用します。
2. **パスワード暗号化**: SHA1 + Salt 二重暗号化
3. **取引パスワード**: 独立した取引パスワードにより資金の安全が保護されます。
4. **ログイン状態管理**: 重複ログインを防止します
5. **クロスドメイン処理**: CORS クロスドメイン要求のサポート
6. **データ検証**: フロントエンドとバックエンドの二重データ検証
8. 導入手順
フロントエンドの導入
# 依存関係をインストールする
npmインストール
# 開発環境の運用
npm rundev
#本番環境の構築
npm run build:release
バックエンドのデプロイメント
1. PHP 環境要件: PHP >= 5.6
2. データベース接続情報の設定
3. Redis接続の構成
4. ファイルアップロードディレクトリの権限を設定する
5.疑似静的ルールの構成 (Nginx/Apache)
9. 適用可能なシナリオ
– Eコマースタスクプラットフォーム
– モバイル H5 モール
– ソーシャル電子商取引システム
– ミッション報奨金プラットフォーム
– 会員制電子商取引プラットフォーム
– 多言語越境電子商取引
10. ソースコードの特徴
1. **完全な機能**: 完全なフロントエンド コードとバックエンド コードが含まれており、すぐに使用できます。
2. **モバイル ファースト**: モバイル H5 向けに特別に設計されたレスポンシブ レイアウト
3. **多言語サポート**: 20 以上の言語が組み込まれており、簡単に拡張できます
4. **モジュール設計**: 明確なコード構造、保守と二次開発が容易
5. **安全で信頼性のある**: ユーザーのデータと資金を保護するための完全なセキュリティ メカニズム。
6. **パフォーマンスの最適化**: フロントエンド コード圧縮、ルートの遅延読み込み、インターフェイス キャッシュなどの最適化。
11. 技術サポート
このソース コードには、完全なデータベース構造、詳細なコード コメント、および完全な API ドキュメントが含まれています。一定の開発経験を持つ開発者による二次開発やカスタマイズに適しています。
