1. Visão geral
Este projeto é um conjunto completo de **sistema de plataforma de tarefas de comércio eletrônico**, que adota uma arquitetura de separação de front-end e back-end. O front-end é baseado em React + Vite + Ant Design Mobile para construir um aplicativo móvel H5, e o back-end é baseado na estrutura ThinkPHP 5.1 para desenvolver uma interface API RESTful. O sistema oferece suporte à internacionalização multilíngue e inclui módulos funcionais básicos completos, como gerenciamento de usuários, gerenciamento de pedidos, recarga de pagamentos, nível VIP e promoção de equipe.
2. Arquitetura técnica
Pilha de tecnologia front-end
– **Estrutura**: React 18.2.0
– **Ferramentas de construção**: Vite 7.3.1
– **Biblioteca de componentes de UI**: Ant Design Mobile 5.35.0
– **Roteamento**: React Router DOM 6.22.3
– **Solicitação HTTP**: Axios 1.6.8
– **Internacionalização**: i18next + react-i18next (suporta mais de 20 idiomas)
– **Outros**: geração de QRCode, operação gestual, verificação de formulário, etc.
#### Pilha de tecnologia de back-end
– **Estrutura**: ThinkPHP 5.1 (versão LTS)
– **Versão PHP**: >= 5.6, compatível com PHP 8.0
– **Banco de dados**: MySQL
– **Cache**: Redis (Predis)
– **Integração de Pagamento**: Suporta pagamentos de criptomoedas como TRC20/USDT
– **Serviços de terceiros**: Alibaba Cloud OSS, Qiniu Cloud Storage, localização geográfica GeoIP
3. Módulos funcionais principais
1.Sistema de usuário
– **Registro e login do usuário**: suporte para login com número de telefone celular/nome de usuário, armazenamento criptografado por senha
– **Central do usuário**: gerenciamento de informações pessoais, upload de avatar, gerenciamento de endereços
– **Sistema de nível VIP**: Sistema de associação VIP multinível, diferentes níveis desfrutam de diferentes direitos e interesses
– **Segurança da conta**: senha de transação, gerenciamento de status de login, bloqueio de erro de senha
2. Sistema de gerenciamento de pedidos
– **Função de captura de pedidos**: os usuários podem capturar pedidos de produtos, oferecendo suporte a várias categorias de produtos
– **Lista de Pedidos**: Consulta de status do pedido (pendente, em andamento, concluído)
– **Processamento de pedidos**: enviar pedido, cancelar pedido, visualizar detalhes do pedido
– **Estatísticas de pedidos**: estatísticas de comissão de hoje, estatísticas de conclusão de pedidos
3.Sistema de recarga de pagamento
– **Função de recarga**: Suporta vários métodos de pagamento (cartão bancário, USDT, etc.)
– **Função de retirada**: Suporta retirada de cartão bancário e retirada de USDT
– **Gerenciamento de carteira**: Suporta TRC20, BTC, ETH e outras redes de carteira
– **Registros de fundos**: registros de recarga, registros de retirada e consultas de fluxo de fundos
– **Gerenciamento de taxas**: relação de taxa de retirada configurável
4. Sistema de promoção de equipe
– **Função de convite**: Gerar código de convite/link de convite
– **Gerenciamento de equipe**: visualize equipes subordinadas e estatísticas de renda da equipe
– **Compartilhamento de comissões**: mecanismo de distribuição de comissões multinível
– **Estatísticas de promoção**: estatísticas sobre tamanho da equipe, receita de promoção, etc.
5. Internacionalização multilíngue
O sistema possui suporte integrado para mais de 20 idiomas, incluindo:
– Chinês simplificado/tradicional
– Inglês, espanhol, francês, alemão
– Japonês, Coreano, Indonésio
– Russo, Turco, Árabe
– e muitas mais línguas europeias
6.Sistema de gerenciamento de back-end
– **Gerenciamento de usuários**: lista de usuários, gerenciamento de status de usuário, configuração de nível de usuário
– **Gerenciamento de pedidos**: revisão de pedidos, estatísticas de pedidos, exportação de pedidos
– **Gerenciamento de Produtos**: Classificação de produtos, lista de produtos, gerenciamento de estoque
– **Gestão Financeira**: Revisão de depósitos, revisão de saques, fluxo de capital
– **Configuração do sistema**: configurações de parâmetros do sistema, configuração de pagamento, configuração de regras de nível
– **Gerenciamento de permissões**: sistema de controle de permissões baseado em nós
4. Projeto de banco de dados
As principais tabelas de dados do sistema incluem:
– `xy_users`: tabela de informações do usuário
– `xy_convey`: formulário de pedido
– `xy_goods_list`: tabela da lista de produtos
– `xy_level`: tabela de nível VIP
– `xy_recharge`: tabela de registro de recarga
– `xy_deposit`: Tabela de registro de retirada
– `xy_balance_log`: tabela de fluxo de fundos
– `xy_bankinfo`: tabela de informações do cartão bancário
– `user_wallet`: tabela da carteira do usuário
– `xy_banner`: gráfico carrossel
– `xy_index_msg`: tabela de mensagens da página inicial
5. Design de interface API
O sistema adota especificações de design de API RESTful e os principais módulos de interface são:
Interface relacionada ao usuário
– `/api/user/login` – login do usuário
– `/api/user/register` – Registro do usuário
– `/api/user/info` – Obtenha informações do usuário
Interface relacionada ao pedido
– `/api/order/order_list` – Obtenha a lista de pedidos
– `/api/order/order_info` – Obtenha detalhes do pedido
– `/api/rotorder/submit_order` – Enviar um pedido
– `/api/order/do_order` – Processar pedidos
Interface relacionada ao pagamento
– `/api/pay/recharge` – Interface de recarga
– `/api/withdraw/withdraw` – Interface de retirada
– `/api/wallet/saveWallet` – salva informações da carteira
Interfaces relacionadas à página inicial
– `/api/index/home` – Obtenha dados da página inicial
– `/api/index/get_msg` – Obtenha informações gráficas da página inicial
6. Estrutura da página inicial
“`
fonte/
├── visualizações/ # Componentes da página
│ ├── Index.jsx # Página inicial
│ ├── Login.jsx # Página de login
│ ├── Register.jsx # Página de registro
│ ├── Order.jsx # Página do pedido
│ ├── Trade.jsx # Página de negociação
│ ├── Team.jsx # Página da equipe
│ ├── User.jsx # Centro do usuário
│ ├── Withdraw.jsx # Página de retirada
│ ├── Pagamento/ # Páginas relacionadas a pagamentos
│ └── Gravar/ # Gravar páginas relacionadas
├── solicitação/ # encapsulamento de solicitação de API
├── lang/ # Configuração multilíngue
└── utils/ # Função utilitária
“`
7. Recursos de segurança
1.**Autenticação de token JWT**: use Firebase JWT para autenticação de interface
2. **Criptografia de senha**: criptografia dupla SHA1 + Salt
3. **Senha de transação**: Uma senha de transação independente protege a segurança dos fundos.
4. **Gerenciamento de status de login**: evita logins repetidos
5. **Processamento entre domínios**: suporte a solicitações entre domínios CORS
6. **Verificação de dados**: Verificação dupla de dados de front-end e back-end
8. Instruções de implantação
Implantação de front-end
#Instala dependências
instalação npm
# Operação do ambiente de desenvolvimento
npm rundev
#Construir ambiente de produção
npm executar compilação: lançamento
Implantação de back-end
1. Requisitos do ambiente PHP: PHP >= 5.6
2. Configure as informações de conexão do banco de dados
3. Configure a conexão Redis
4. Defina as permissões do diretório de upload de arquivos
5.Configurar regras pseudoestáticas (Nginx/Apache)
9. Cenários aplicáveis
– Plataforma de tarefas de comércio eletrônico
– Shopping móvel H5
– Sistema de comércio eletrônico social
– Plataforma de recompensas de missão
– Plataforma de comércio eletrônico baseada em membros
– Comércio eletrônico transfronteiriço multilíngue
10. Características do código-fonte
1. **Funções completas**: Contém código front-end e back-end completo, pronto para uso imediato
2. **Mobile First**: Projetado especificamente para dispositivos móveis H5, layout responsivo
3. **Suporte multilíngue**: mais de 20 idiomas integrados, fácil de expandir
4. **Design modular**: estrutura de código clara, fácil de manter e desenvolvimento secundário
5. **Seguro e confiável**: Mecanismo de segurança completo para proteger os dados e fundos do usuário.
6. **Otimização de desempenho**: Otimização de compactação de código front-end, carregamento lento de rotas, cache de interface, etc.
11. Suporte técnico
Este código-fonte contém uma estrutura completa do banco de dados, comentários detalhados do código e documentação completa da API. É adequado para desenvolvimento secundário e customização por desenvolvedores com certa experiência em desenvolvimento.
