vue element admin

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

88041

30477

Vue

Introducción

vue-element-admin es una interfáz de administración preparada para producción. Está basada en vue y usa element-ui como conjunto de herramientas de interfáz de usuario.

Vue Element Admin es una solución práctica basada en la nueva plataforma de desarrollo de vue, construida con soporte a i18 para el manejo de múltiples lenguajes, plantillas estándares para aplicaciones de negocio y un conjunto de asombrosas características. Esta herramienta ayuda a construir largas y complejas Aplicacones de una sola página (SPA). Creo que lo que necesites hacer, este proyecto te ayudará.

Vista Prévia de la Aplicación
Documentación
Canal de Gitter
Para Donaciones
Enlace de Wiki
Canal de Gitee
Plantilla base recomendada para usar: vue-admin-template
Aplicación de Escritorio: electron-vue-admin
Plantilla de Typescript: vue-typescript-admin-template (Créditos: @Armour)
awesome-project

Después de la versión v4.1.0+, la rama por defecto master no tendrá soporte para i18n. Por favor utilice la rama i18n, los cambios serán incluidos en la rama master

la versión actual es v4.0+ construida con vue-cli. Si encuentra algún problema, por favor coloque un issue. Si desea usar la versión anterior, puede cambiar de rama a tag/3.11.0, no relacionado con vue-cli

Este proyecto no está soportado para versiones antigüas de navegadores (ej. IE).

Preparación

Necesita instalar node y git localmente. El proyecto es basado en ES2015+, vue, vuex, vue-router, vue-cli , axios and element-ui, toda la solicitud de datos simulada se realiza a través de Mock.js.
Entendiendo y aprendiendo esto pudiera ayudarle con su proyecto.

Patrocinantes

Sea un patrocinante y coloque su logo en nuestro LEEME en GitHub con un enlace directo a su sitio web. [Se un Patrocinante]

Akveo

Get Java backend for Vue admin with 20% discount for 39$ use coupon code SWB0RAZPZR1M

Flatlogic

Admin Dashboard Templates made with Vue, React and Angular.

Características

- Iniciar / Cerrar Sesión

- Permisos de Autenticación
  - Página de Permisos
  - Directivas de permisos
  - Página de configuración de permisos
  - Autenticación por dos pasos

- Construcción Multi-entorno
  - Desarrollo (dev)
  - sit
  - Escenario de pruebas (stage),
  - Producción (prod)

- Características Globales
  - I18n
  - Temas dinámicos
  - Menu lateral dinámico (soporte a rutas multi-nivel)
  - Barra de rutas dinámica
  - Tags-view (Pestañas de página, Soporta operación de clic derecho)
  - Svg Sprite
  - Datos de simulación con Mock
  - Pantalla completa
  - Menu lateral responsivo

- Editor
  - Editor de Texto Enriquecido
  - Editor Markdown
  - Editor JSON

- Excel
  - Exportación a Excel
  - Carga de Excel
  - Visualización de Excel
  - Exportación como ZIP

- Tabla
  - Tabla Dinámica
  - Tabla con Arrastrar y Soltar
  - Tabla de edición en línea

- Páginas de Error
  - 401
  - 404

- Componentes
  - Carga de Avatar
  - Botón para subir al inicio
  - Arrastrar y Soltar (Diaglogo)
  - Arrastrar y Soltar (Seleccionar)
  - Arrastrar y Soltar (Kanban)
  - Arrastrar y Soltar (Lista)
  - Panel de división
  - Componente para soltar archivos
  - Adhesión de objetos
  - Contador hasta

- Ejemplo Avanzado
- Registro de Errores
- Tablero de indicadores
- Página de Guías
- ECharts (Gráficos)
- Portapapeles
- Convertidor de Markdown a HTML

Iniciando

# clone el proyecto
git clone https://github.com/PanJiaChen/vue-element-admin.git

# vaya al directorio clonado
cd vue-element-admin

# instale las dependencias
npm install

# corra el proyecto como desarrollador
npm run dev

Automáticamente se abrirá el siguiente enlace en su navegador http://localhost:9527

Construcción

# Construcción para entornos de prueba
npm run build:stage

# Construcción para entornos de producción
npm run build:prod

Avanzado

# Vista previa con efectos de entorno
npm run preview

# Vista previa  con efectos + análisis de recursos estáticos
npm run preview -- --report

# Chequeo de formato de código
npm run lint

# Chequeo de formato de código y auto-corrección
npm run lint -- --fix

Vaya a Documentación para mayor información