Construido con material angular, diseño flexible y CLI angular. ¡Sin Bootstrap!, ¡Sin jQuery! ¡Un tablero de administración puro de Typescript Angular!
Acceso al repositorio de GitHub.
Egret Admin incluye una gran colección de componentes receptivos y reutilizables, que le brindan todo lo que necesita para comenzar su próximo proyecto basado en ERP, CRM o CMS. Egret también tiene una amplia gama de características. Entre ellos se encuentran múltiples diseños, carga diferida, migas de pan y títulos de página dinámicos, navegación dinámica basada en modelos y compatibilidad con varios idiomas.
También tiene 2 temas predefinidos, Light & Dark. Y también es muy fácil crear tu propio tema. Obtendrá instrucciones detalladas sobre cómo crear un nuevo tema en la documentación de Egret.
Egret Admin ya tiene muchas reseñas excelentes de clientes. Seas lo que seas, un desarrollador experimentado o un principiante en el desarrollo de aplicaciones Angular, entenderás fácilmente el código de Egret y su estructura interna. Para ayudarte, Egret tiene una documentación detallada en línea.
Características de la plantilla del panel de administración de materiales angulares de Egret
Múltiples diseños: El panel de control de Egret Angular Admin tiene varios diseños para satisfacer sus necesidades específicas.
- Navegación lateral
- Compacto de navegación lateral
- Navegación lateral cerrada
- Navegación superior
Soporte RTL completo: Soporte de flujo de derecha a izquierda para todos los diseños y vistas.
Multi lenguaje: El tablero de Egret Angular Material le brinda la forma más fácil de traducir su aplicación a varios idiomas usando la tubería ‘traducir’. Tiene un archivo de traducción predefinido en formato JSON. Debe crear un nuevo archivo de traducción para su idioma en formato JSON.
Soporte completo de SASS: Los estilos están escritos en SASS. Puede agregar e importar un nuevo archivo SASS fácilmente.
Ruta de navegación dinámica: Los datos de migas de pan se proporcionan a través de la definición de rutas. Cuando configure sus rutas, simplemente agregue una propiedad ‘breadcrumb’ en el objeto ‘data’. Para hacer que esta dinámica se base en el parámetro de ruta, incluya el parámetro entre llaves dobles como esta ‘propiedad’: ‘Orden {{orderNo}}’
Navegación basada en modelos: Los elementos del menú en la navegación horizontal y vertical no están codificados. Así que no tienes que tocar HTML. Solo necesita modificar un objeto en el servicio de navegación para agregar/editar/eliminar elementos del menú.
Temas predefinidos de material angular: El panel de administración de material angular de Egret tiene 2 temas predefinidos. También puede crear su tema solo siguiendo unos pocos pasos. Siga los pasos en la sección Temas de la Documentación de Egret.
- garceta azul marino
- Garceta azul marino oscuro
Carga perezosa angular (división de código): Egret utiliza la función de carga diferida de Angular para dividir los archivos js compilados en varios archivos pequeños y estos archivos no se cargarán hasta que la actividad del usuario los requiera.
Visita del usuario: Dé instrucciones a sus nuevos usuarios señalando diferentes elementos/componentes.
Protección de autenticación implementada: Implementación de autenticación JWT y autenticación basada en roles. Usamos angular authGuard para proteger rutas individuales de usuarios no autorizados.
Disposición Responsive: La plantilla de administración de material angular de Egret es totalmente receptiva. La navegación y otros componentes importantes se ajustan automáticamente para dispositivos más pequeños.
Editor de texto enriquecido:El editor de texto enriquecido brinda al usuario herramientas de edición avanzadas para editar y guardar texto en formato HTML sin saber HTML.
Gráficos: Vea su gran conjunto de datos en representación gráfica. Pocos ejemplos de gráficos son
- Gráfico circular
- Gráfico de linea
- Gráfico de barras
- Gráfico de burbujas
- Gráfico de anillos
- Carta de radar
- etc.
Arrastrar y soltar: Esto le da al usuario una forma más fácil de reorganizar y reorganizar sus datos.
Tabla de datos: La tabla de datos representa un conjunto de datos en formato de tabla limpia con opción de paginación. El usuario puede buscar y ordenar datos.
Repositorio Git: Acceda al repositorio privado de Egret Github en la compra y obtenga actualizaciones gratuitas ilimitadas. Informe problemas y solicite funciones, la mayoría de las funciones votadas se agregarán lo antes posible.
Ejemplos de aplicaciones angulares
Ahorre tiempo de desarrollo utilizando aplicaciones que ya están disponibles en Egret Admin. Cree increíbles aplicaciones angulares con solo enfocarse en el backend.
Tablas CRUD: Cree, lea, actualice y elimine su colección de datos en formato de tabla. La tabla CRUD utiliza un formulario emergente en línea para agregar/editar elementos en una colección.
Otras aplicaciones
- Bandeja de entrada
- Charlar
- Que hacer
- Generador de facturas
- Calendario
Más características
- Múltiples estilos de migas de pan
- Sistema de notificaciones
- Tabla de datos (pantalla completa, filtro personalizado, paginación)
- Google Maps (estático, polilínea, radio, ventana de información, etc.)
- Cargas de archivos
- Página de perfil
- Página de configuración de la cuenta
- Página de usuarios
- Página de la galería
- Planes y Precios
- Página de inicio de sesión
- Página de registro
- Se te olvidó tu contraseña
- Página de pantalla de bloqueo
- Todos los componentes materiales
- Iconos de materiales
- Título de la página dinámica
- Desplegable de cambio de idioma
- Desplegable de cambio de tema
- Barra de búsqueda
- Y habrá más características próximamente.
Dependencias:
- material angular
- Diseño flexible
- Ngx-tabla de datos
- calendario angular
- Ng2-gráficos
- ng2-dragula
- carga de archivos ng2
- pluma ngx
- barra de desplazamiento perfecta
Encontrará más información sobre las dependencias en la documentación.
registro de cambios
25 de abril de 2022
- Tema Material SAAS actualizado
- Paquetes actualizados
- documento actualizado
17 de diciembre de 2021
- Actualizado a Angular 13
3 de enero de 2021
- Se agregó el proyecto semilla faltante
21 de noviembre de 2020
- Angular actualizado a v11.0.4
25 de abril de 2020
- Autenticación JWT
- Autenticación basada en roles
- Redirigir para devolver la URL después de iniciar sesión
22 de febrero de 2020
- Angular actualizado a v9
23 de octubre de 2019
- Material Tema agregado
13 de junio de 2019
- Angular actualizado a v8
21 de abril, 19
- Aplicación de creación de facturas agregada
- Se agregaron ejemplos de kits de interfaz de usuario con visor de código
- Gráfico electrónico agregado
- Se agregaron nuevos diseños de página de registro e inicio de sesión
- Clases de utilidad CSS actualizadas
- Rendimiento mejorado y detección de cambios
- Paquetes actualizados (Angular v7.2.13)
12 de marzo, 19
- Barra lateral, opciones de color de encabezado agregadas
- Paquetes actualizados (Angular v7.2.8)
19 de noviembre de 2018
- Angular actualizado a v7.0.4
13 de octubre de 2018
- Angular actualizado a v6.1.10
8 de agosto de 2018
- @angular/diseño flexible actualizado
- Aplicación de chat actualizada
21 de mayo de 2018
- Angular actualizado a v6
- Aplicación de tienda añadida
9 de febrero de 2018 (actualización importante)
- Diseño de navegación superior agregado
- Soporte RTL agregado
- Se agregaron estilos de migas de pan
- Se eliminó la manipulación directa de DOM
14 de diciembre de 2017
- Paquetes actualizados
- Página de destino eliminada
28 de noviembre de 2017
- Problema de alternancia de la barra lateral solucionado
10 de noviembre de 2017
- Angular actualizado a 5.0.0
29 de octubre de 2017
- Angular actualizado a 4.4.5
- Diseño de materiales actualizado a la última versión.
- Página de destino añadida
6 de septiembre de 2017
- Angular actualizado a 4.3.6
- Se agregó la pantalla de configuración y perfil.
17 de agosto de 2017
- Pruebas unitarias implementadas para componentes.
- Problema de cierre automático de la barra lateral solucionado.
8 de agosto de 2017
- Pan rallado añadido
- Tipo de icono, tipo de separador agregado en sidenav
- Personalizador agregado
2 de agosto de 2017
- Autenticación ficticia implementada
- Se agregó una pantalla de vista separada para el recorrido del usuario
30 de julio de 2017
- Se agregó la función «recorrido del usuario»
- Traducción añadida
- Corrección del color de fondo de la barra lateral de la bandeja de entrada (para dispositivos móviles)
