FourthPay

sistema de pagamento quadripartido

Um sistema de pagamento quadripartido construído usando Laravel + Vue, incluindo interface API, backend de gerenciamento, backend de agente, frontend de site e o modelo básico do sistema é construído com base em Laravel-admin. É apenas para desenvolvimento e aprendizado. para fins ilegais.

pilha de tecnologia

Pilha de tecnologia de back-end:

• Laravel 5.8
• Laravel-echo-servidor
• Nginx
• PostgreSql ou MySQL
• Laravel-mix
• Redis
• PHPAPC

Pilha de tecnologia front-end

• Vista
• Vuex
• Roteador Vue
• IU do elemento

O modelo de back-end usa: Element-Admin Demonstração de back-end: O modelo de front-end do sistema de gerenciamento de back-end Laravel é construído usando VUE CLI3, usando Element UI como estrutura de desenvolvimento front-end de desenvolvimento

Estrutura de diretório

• back-end: back-end de gerenciamento
• frontend-api: diretório de interface da API frontend
• frontend-web: arquivo frontend
• API: interface de solicitação de API
• comum: diretório do módulo público
• doc: documentação relacionada e diretório de configuração

O frontend usa separação de front-end e back-end, e a API frontend precisa ser configurada para permitir acesso entre domínios.

Método de implantação

1. Instale Nginx, Redis, Mysql ou PostgreSql, Laravel-echo-server, compositor, serviço nodejs, instale PHP e extensões necessárias, copie o arquivo de configuração no diretório doc para o diretório de configuração nginx

2. Extraia o código e instale a biblioteca de extensão do projeto

$ git clone [email protected]:tuo0/laravel-admin.git
$ cd laravel-admin/backend/
$ composer install
$ npm install
$ cd ../frontend-api
$ composer install
$ cd ../frontend-web
$ npm install

3. Comece o monitoramento de acoplamento

$ php artisan queue:work redis

4. Instale e implante laravel-echo

 # 安装
$ npm install -g laravel-echo-server
# 配置
$ laravel-echo-server init
# 启动
$ laravel-echo-server start

5. Inicie a fila de assinatura do Redis

$ php artisan queue:listen --tries=1

6. Copie o arquivo .env.example para .env, modifique o banco de dados, Redis e crie a chave

$ php artisan  key:generate

7. Compilar arquivos front-end e back-end

Compilação de back-end em segundo plano

$ npm run prod

Compilação frontend frontend-web

$ vue run build

Interface Ajax retorna descrição de dados json

[
    ' code '  => 1 ,
    ' msg '   => '' ,
    ' data '  => [],
]

• código: código de erro 1: sucesso 0: falha > 1: falha código de erro
• mensagem: mensagem de erro
• dados: dados de retorno

especificações de desenvolvimento

• Se o nome do controlador contiver letras maiúsculas, as permissões na tabela de permissões ( admin_role_permissions ) deverão ser separadas por [_], e a interface de solicitação de front-end e as regras de verificação de permissão do componente de front-end ( tag v-permission ) deverão ser as mesmas como a tabela de permissões. Por exemplo: nome do controlador UserGroupController método putEdit , a interface de solicitação e o rótulo de verificação de permissão são: user_group/edit
• Todos os pequenos ícones do site estão no formato SVG e podem ser encontrados em iconfont

Visualização