vue-element-admin

Español | English | 简体中文 | 日本語

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

Registro de Cambios

Los cambios detallados por cada liberación se encuentran en notas de liberación.

Demostración en línea

Vista Prévia de la Aplicación

Donación

Si este proyecto es de mucha ayuda para ti, puedes comprarle al autor un vaso de jugo :tropical_drink:

dona por Paypal

Comprame un Café

Navegadores Soportados

Navegadores modernos e Internet Explorer 10+.

IE / EdgeFirefoxChrome Safari IE10, IE11, Edge últimas 2 versiones últimas 2 versiones últimas 2 versiones

Licencia

MIT

Copyright (c) 2017-presente PanJiaChen