react antd console

Soluções front-end para sistemas de gerenciamento back-end

?Visualização on-line ?Documentação |

introduzir

react-antd-console é uma solução front-end para o sistema de gerenciamento back-end. Ele encapsula as funções necessárias do sistema de gerenciamento back-end (como login, autenticação, menu, localização atual, guias, etc.) para ajudar os desenvolvedores. foco no rápido desenvolvimento de negócios. O projeto é baseado em novas versões como React 18 , Ant design 5 , Vite e TypeScript . Todas as tecnologias utilizadas serão continuamente atualizadas para as versões mais recentes.

Quem deve usá-lo?

Se você está procurando um modelo de front-end minimalista para gerenciamento de back-end, a pilha de tecnologia é avançada e estável, deseja dominar os princípios sem esforço ou deseja se concentrar apenas no desenvolvimento de negócios, então você pode tentar este projeto. O autor deste projeto é Resumo de anos de experiência

o mais simples possível

Esteja você usando este projeto para fins de desenvolvimento ou aprendizagem, é necessário mantê-lo simples. Portanto, este projeto se concentra em: bom design de hierarquia de código, estrutura de diretórios claramente definida, classificação de módulos que seja fácil de modificar e substituir, etc. Este projeto minimiza o encapsulamento de algumas funções necessárias, como login, autenticação, menu, localização atual, guias, etc. Se você não tiver seu próprio design de UI, poderá usar diretamente as funções encapsuladas neste projeto; se tiver seu próprio design de UI, também poderá fazer modificações convenientes com base neste projeto;

Este projeto defende o minimalismo e o código-fonte principal tem apenas cerca de 3.400 linhas. É fácil começar. Além da documentação, há também uma série de artigos para ajudá-lo a dominar e usar melhor:

• Perna a perna, deixe você usar o react para se masturbar nos bastidores, primeira série (Vite)
• Perna a perna, permite que você use o React para tocar o backend, Série 2 (Projeto Skeleton)
• Perna a perna, permite que você use o React para dominar o back-end, Série 3 (Layout e Autenticação)

Função

• Pilha de tecnologia mais recente : Vite (suporta热更新), React18 , Ant Design5 , TypeScript (quase 100% de cobertura de tipo)
• Foco nos negócios : Layout encapsulado (menu lateral, localização atual, abas, cabeçalhos e rodapés, etc.), você só precisa专注于业务开发
• Gerenciamento de permissões : suporta permissões em菜单级e按钮级
• Configuração de roteamento : Uma configuração minimalista que gera automaticamente roteamento, menus, trilhas de navegação, etc., suporta roteamento aninhado, layout único/sem layout e outras configurações, suporta mudanças dinâmicas no roteamento, etc.
• ? Gerenciamento de dados : design de arquitetura分层(dados e visualização), a solução de gerenciamento de dados teoricamente suporta acesso a qualquer biblioteca/estrutura de renderização de UI (incluindo, mas não se limitando a React/Vue/Angular)
• ? Mudança de cor da pele : suporta qualquer mudança de cor no modo de tom de pele escuro/claro
• ?️Multi-tab : multi-tab arrastável, suporta persistência, menu do botão direito, etc.
• ? Animação elegante : suporta animação de troca de rota, página de guia, menu, animação de botão de função, etc.
• ? Outras funções : como响应式设计,国际化, Mock ,环境配置,工程化规范, etc.

início rápido

 # 安装依赖
npm i

# 启动服务
npm start

Acesso pelo navegador http://localhost:9527

construir

 # 构建生产环境包
npm run build:prod

Compatível com navegador

Compatível com navegadores que suportam es2015, não compatível com IE. Recomenda-se não menos que:

• Cromo >=87
• Firefox >=78
• Safári >=14
• Borda >=88

tema

Qualquer mudança de cor principal

Gema

Escuro

Oceano

Monokai

Cósmico

várias tags

?Visualização on-line ?Documentação |

Como apoiar este projeto?

• Se você gosta deste projeto ou acha que é útil para você, dê uma estrela ao nosso projeto ️
• Criar solicitações pull, enviar problemas, sugerir novos recursos ou atualizar documentação?