Ejemplos de esmoquin
Tuxboard es una biblioteca de tablero liviana específicamente para la plataforma ASP.NET Core. Estaba destinado a ser una forma de estilo LEGO para construir paneles.
Continuamente estoy agregando más ejemplos a través de los artículos en mi blog y usando este repositorio para el "Drop Zone". (No te preocupes ... hay más viene)
La biblioteca se encuentra aquí y está disponible a través de Nuget aquí.
Pila de tecnología
- ASP.NET Core 6.0 o superior (usando C#)
- Núcleo de marco de entidad
Ejemplos
El repositorio contiene los siguientes ejemplos:
- 01-Spledashboard
La forma más sencilla de crear un tablero estático; Muy básico; Sin JavaScript sin características (publicación relacionada)
- 02-widgetSexample
Un tablero simple con un widget simple (publicación relacionada)
- 03-dragwidgets
Uso de mecanografiado para mover widgets en el tablero (publicación relacionada)
- 04-Tuxbar
Demuestra cómo crear una barra de herramientas de cortesía para esmoquin (publicación relacionada)
- 05-Layout-1
Cree un diálogo de diseño simple para que los usuarios puedan ajustar cómo su tablero está estructurado (publicación relacionada)
- 06-Layout-2
Cree un diálogo de diseño avanzado para diseños más complejos (publicación relacionada)
- 07-Widgets
Cree un diálogo Agregar widget (publicación relacionada)
- 08-widget-toolbar
Agregar botones y desplegable al encabezado de un widget (publicación relacionada)
- 09-User-Dashboard
Cree paneles específicos del usuario cuando los usuarios inician sesión (publicación relacionada)
- 10-DASHBOARDS DEFFAULT
Cree paneles específicos de roles cuando un usuario inicie sesión (publicación relacionada)
- Widgets de 11 defectos
Crear widgets específicos de roles (publicación relacionada)
- 12 widgets de creación
Crear varios tipos de widgets (próximamente)
Ejemplo de ejemplos en contenedores Docker
Cada ejemplo tiene un DockerFile que se puede usar para construir una imagen Docker que se puede usar para ejecutar los ejemplos en un contenedor Docker.
Aquí le mostramos cómo ejecutar estos ejemplos, usando el tablero simple como ejemplo.
- Establezca una variable de entorno TuxboardConfig__ConnectionString. En los terminales de Linux/Mac, esto sería así, reemplazar la dirección IP, el nombre de la base de datos, el nombre de usuario y la contraseña de su base de datos SQL Server:
export TUXBOARDCONFIG__CONNECTIONSTRING='Data Source=IP_ADDRESS;Initial Catalog=DATABASE_NAME;Integrated Security=false;MultipleActiveResultSets=True;TrustServerCertificate=True;User Id=USERNAME;Password=PASSWORD' - Vaya a la carpeta 01-SampleDashboard y cree un nuevo archivo llamado desarrollo.env que contiene lo siguiente:
TUXBOARDCONFIG__CONNECTIONSTRING=CONNECTION STRING FROM STEP 2
ASPNETCORE_ENVIRONMENT=Development
- Vaya a la carpeta 01 -Simpledashboard y ejecute el siguiente comando
docker build -t simpledashboard -f Dockerfile . - Ejecute
dotnet ef migrations add InitialCreate a inicialmente las migraciones de la base de datos. - Ejecute
dotnet ef database update para aplicar las migraciones de la base de datos a la base de datos. - Ejecute el contenedor Docker con el siguiente comando
docker run --name dash -d --env-file development.env -p 8080:8080 simpledashboard
Para ejecutar un ejemplo diferente, elimine la base de datos creada en el paso #3 y ejecute los pasos #2 - #6 Cambiar el nombre del contenedor Docker de SimpleDashboard a otro nombre para que coincida con el ejemplo.
