Prefácio
- web-flash é um sistema web baseado em Spring Boot e Vue.js. Inclui um sistema de gerenciamento de backend baseado em elemento e um site móvel h5 baseado em vux.
- web-flash tem funções básicas comuns de sistemas de gerenciamento de back-end e fornece um plug-in de geração de código baseado em idea intellij, que pode gerar páginas front-end e back-end com um clique.
- web-flash fornece um sistema de gerenciamento back-end e um sistema de site h5 front-end
- Uma única versão do estilo Material Design também é fornecida: material-admin
- Uma versão web-flash spring cloud também é fornecida
- Além disso, o web-flash fornece um sistema front-end baseado em vue3, clique para visualizar
Descrição do catálogo
- serviço de API em segundo plano flash-api
- flash-vue-admin Sistema de gerenciamento de back-end baseado em vuejs
- O sistema de conteúdo móvel flash-vue-h5 exibe conteúdo com base no módulo de gerenciamento de conteúdo CMS de gerenciamento em segundo plano.
- módulo básico flash-core, incluindo classes de ferramentas, dao, serviço, beans, etc.
- O módulo de geração de código do gerador de flash funciona melhor com o plug-in de geração de código IDEA webflash-generator.
- flash-workflow implementa funções de fluxo de trabalho baseadas em atividades
Demonstração
- Gerenciamento de back-end (versão vue) http://flashadmin.enilu.cn
- Versão móvel http://flash-mobile.enilu.cn/#/index Abra o navegador e use o modo de visualização móvel no modo de depuração para navegar
Seleção de tecnologia
- Estrutura principal: Spring Boot
- Camada de banco de dados: Spring data jpa
- Conjunto de conexões de banco de dados: Druida
- Cache: Ehcache
- Front-end: Element (back-end) e vux (terminal móvel) baseado em Vue.js
- Fluxo de trabalho: atividades
Recursos incluídos
web-flash inclui funções maduras de gerenciamento de plano de fundo e sistema de site de conteúdo móvel h5
- Gestão de departamento
- Gerenciamento de usuários
- gerenciamento de funções
- Gerenciamento de menu: configure funções de menu
- Atribuição de permissão: configurar menus de funções específicas para funções especificadas
- Gerenciamento de parâmetros: mantenha os parâmetros do sistema e armazene em cache os parâmetros do sistema para fornecer uma leitura eficiente
- Gerenciamento de dicionário de dados: configure e mantenha o dicionário de dados
- Gerenciamento de tarefas agendadas: escrever, configurar e executar tarefas agendadas
- Log de negócios: registre logs de operações do usuário por meio de anotações e forneça funções de consulta de log
- Log de login: visualize os logs de login e logout do usuário
- O gerenciamento de conteúdo CMS, combinado com flash-vue-h5, fornece um sistema de exibição de conteúdo móvel
- Gerenciamento de mensagens: configure modelos de mensagens, envie mensagens de texto e mensagens de e-mail
- Fluxo de trabalho: definição de processos, inicialização de aplicativos, tarefas pendentes
- Geração de código baseada em plug-in de ideia
usar
- Clonar este projeto
- Importar ideia ou eclipse
- Criar banco de dados: web-flash
CREATE DATABASE IF NOT EXISTS webflash DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
CREATE USER ' webflash '@ ' % ' IDENTIFIED BY ' webflash190602@ABC ' ;
GRANT ALL privileges ON webflash. * TO ' webflash ' @ ' % ' ;
flush privileges;
- O ambiente de desenvolvimento é configurado para criar automaticamente o banco de dados e inicializar os dados após a inicialização do sistema, para que os desenvolvedores não precisem inicializar manualmente o banco de dados.
- Certifique-se de que as ferramentas de desenvolvimento baixem o plug-in lombok
- Modifique a configuração da conexão com o banco de dados em flash-api
- Inicie o flash-api e visite http://localhost:8082/swagger-ui.html para garantir que o serviço da API seja iniciado com sucesso.
- Entre no diretório flash-vue-admin
- Execute npm install --registry=https://registry.npmmirror.com
- Execute npm execute dev
- Após a inicialização bem-sucedida, visite http://localhost:9528, faça login, nome de usuário e senha: admin/admin
- Renderizações de operações de gerenciamento em segundo plano:
- Entre no diretório flash-vue-h5
- Execute npm install --registry=https://registry.npmmirror.com
- Execute npm execute dev
- Após a inicialização bem-sucedida, visite http://localhost:8088/#/index
- Renderizações de operação de terminal móvel:
Pacote
instalar
Se você usar a função de geração de código, primeiro precisará executar mvn install para instalar o módulo gerador de flash no repositório maven local.
Documentação on-line
comunicar
- Gitter: canal Gitter
- QQ:752844606
Registro de alterações