vue admin box

vue-admin-box

Inglês | 简体中文

resumo

• atualizar versão
• Após mais de três meses de iteração, a versão 1.0 foi lançada oficialmente em 10 de agosto de 2021, com quatro modelos básicos anexados para uso de todos.
• Este projeto de código aberto é desenvolvido por indivíduos e não restringe qualquer uso comercial ou pesquisa pessoal. Por favor, clique na estrela para me encorajar antes de usá-lo
• Todas as atividades ilegais e pornográficas envolvidas neste projeto de código aberto não têm nada a ver com este código-fonte. Por favor, não se mostre
• Grupo de comunicação QQ：912804007，Os problemas são levantados no grupo e podem ser resolvidos a tempo

Visualização

se você não estiver na China, talvez deva baixar o projeto para mostrar a demonstração ou usar uma VPN para visitar a demonstração online.

• demonstração China
• demonstração Mundial
• endereço do github
• endereço rural
• Recomenda-se usar fio ou cnpm para instalação na China. A instalação do NPM está sujeita a problemas

Modelo Básico

Existem quatro modelos básicos, que são adequados para desenvolvimento e uso zero, e podem ser encontrados no github、gitee View diretamente no warehouse，O modelo é mostrado abaixo:

1. template-ts-i18n template，container ts e internacionalização github gitee demo
2. template-ts template,container ts,internacionalização não é container github gitee demo
3. template-js-i18n template，container js e internacionalização github gitee demo
4. template-js template, container js, internacionalização não é container github gitee demo

Introdução

vue-admin-box é um modelo de sistema de gerenciamento de plano de fundo gratuito e de código aberto. O mais recente vue-next, vite, element-plus usado neste projeto. O objetivo é resolver a configuração complexa do sistema de segundo plano nos negócios em geral。

Função característica

• Configuração de roteamento, mecanismo de gerenciamento de estado (o estado suporta armazenamento local por padrão), Axios encapsulado e perfeito e mecanismo de gerenciamento de API adequado para desenvolvimento intermediário e em segundo plano
• É muito conveniente expandir a função de configuração do tema e suporta três estilos típicos de meio e fundo por padrão
• Configuração de roteamento, mecanismo de gerenciamento de estado (o estado suporta armazenamento local por padrão), Axios encapsulado e perfeito e mecanismo de gerenciamento de API adequado para desenvolvimento intermediário e em segundo plano
• Para as três tabelas de negócios típicas de adição, exclusão e modificação de consultas, consulte "tabela CRUD", "tabela de categoria" e "tabela de árvore" na "coluna da página" para obter detalhes
• A função de atualização sem salto de rota suporta atualização de página de cache. Atualmente, a maioria das estruturas não suporta atualização de página de cache
• É uma solução de internacionalização conveniente e extensível e fornece dois conjuntos de modelos básicos não internacionalizados e dois conjuntos de modelos básicos internacionalizados (versão TS/versão JS)
• Versões manuscritas de várias instruções personalizadas
• Para componentes comuns de tabela e componentes comuns pop-up que foram verificados por várias empresas intermediárias e de segundo plano, consulte "tabela bruta", "tabela de categoria" e "tabela de árvore" na "coluna da página" para obter detalhes

Tecnologia principal

• Estrutura MVVM:vue v3
• Gerenciamento de Engenharia：vite v2
• Estrutura da IU: element-plus
• Gerenciamento de roteador: vue-router v4
• Gerenciamento de estado: vuex v4
• Solicitação de dados: axios
• Biblioteca de utilitários:@vueuse/core

Como usar

1. obter o projeto de código-fonte

    git clone https://github.com/cmdparkour/vue-admin-box.git
   

2. instalar dependência, você pode usar cnpm ou fio na China

    npm install
   

3. correr no desenvolvimento

    npm run dev 或 npm run start
   

4. construir em produção

    npm run build
   

Projeto parceiro

• Thinker-Admin-Box - springboot com vue-admin-box, use código java para gerar a página vue
• H5-dooring - um projeto low code sobre o site mobile
• ant-simple-pro - um site intermediário baseado em Vue3.0, react e angular
• vue-vben-admin - um administrador vue moderno. É baseado em Vue3, vite e TypeScript. É rápido！

visualização