Exemplos de smokboard
O Tuxboard é uma biblioteca de painel leve especificamente para a plataforma ASP.NET Core. Era para ser uma maneira do estilo Lego de construir painéis.
Estou continuamente adicionando mais exemplos através dos artigos no meu blog e usando este repositório para a "zona de dropzone". (não se preocupe ... há mais chegando)
A biblioteca está localizada aqui e está disponível através do Nuget aqui.
Pilha de tecnologia
- ASP.NET CORE 6.0 ou superior (usando C#)
- Entidade Framework Core
Exemplos
O repositório contém os seguintes exemplos:
- 01 SIMPLEDASHBOOD
A maneira mais simples de criar um painel estático; Muito básico; Nenhum JavaScript sem recursos (postagem relacionada)
- 02-widgetSexample
Um painel simples com um widget simples (postagem relacionada)
- 03-Dragwidgets
Usando o TypeScript para mover widgets no painel (postagem relacionada)
- 04-TUXBAR
Demonstra como criar uma barra de ferramentas de cortesia para smoking (postagem relacionada)
- 05-LAYOUT-1
Crie uma caixa de diálogo simples de layout para que os usuários possam ajustar como o painel está estruturado (postagem relacionada)
- 06-Layout-2
Crie uma caixa de diálogo avançada de layout para layouts mais complexos (postagem relacionada)
- 07-Add-widgets
Crie uma caixa de diálogo Adicionar widget (postagem relacionada)
- 08 Widget-Toolbar
Adicionando botões e suspensão ao cabeçalho de um widget (postagem relacionada)
- 09-User-Dashboard
Crie painéis específicos do usuário quando os usuários efetuam login (postagem relacionada)
- 10-Default-Dashboards
Crie painéis específicos de função quando um usuário faz login (postagem relacionada)
- 11-Default-Widgets
Crie widgets específicos de função (postagem relacionada)
- 12-criando-widgets
Crie vários tipos de widgets (em breve)
Exemplos de execução em contêineres do Docker
Cada exemplo possui um DockerFile que pode ser usado para criar uma imagem do Docker que pode ser usada para executar os exemplos em um contêiner do Docker.
Aqui está como executar esses exemplos, usando o painel simples como exemplo.
- Defina uma variável de ambiente TuxboardConfig__ConnectionsTring. Nos terminais Linux/Mac, isso seria assim, substituindo o endereço IP, o nome do banco de dados, o nome de usuário e a senha do seu banco de dados do servidor SQL:
export TUXBOARDCONFIG__CONNECTIONSTRING='Data Source=IP_ADDRESS;Initial Catalog=DATABASE_NAME;Integrated Security=false;MultipleActiveResultSets=True;TrustServerCertificate=True;User Id=USERNAME;Password=PASSWORD' - Vá para a pasta 01-Sampledashboard e crie um novo arquivo chamado Development.env contendo o seguinte:
TUXBOARDCONFIG__CONNECTIONSTRING=CONNECTION STRING FROM STEP 2
ASPNETCORE_ENVIRONMENT=Development
- Entre na pasta 01 -simpledashboard e execute o seguinte comando
docker build -t simpledashboard -f Dockerfile . - Execute
dotnet ef migrations add InitialCreate para iniciar as migrações de banco de dados. - Execute
dotnet ef database update para aplicar as migrações de banco de dados ao banco de dados. - Execute o contêiner do docker com o seguinte comando
docker run --name dash -d --env-file development.env -p 8080:8080 simpledashboard
Para executar um exemplo diferente, exclua o banco de dados criado na etapa 3 e execute as etapas 2 - #6 alterando o nome do contêiner do Docker do Simpledashboard para outro nome para corresponder ao exemplo.
