Tuxboard.Examples

Примеры смокинга

TUXBOARD - это легкая библиотека панели мониторинга специально для корровой платформы ASP.NET. Это должно было быть способ построить мониторные панели в стиле LEGO.

Я постоянно добавляю больше примеров через статьи в моем блоге и использую этот репозиторий для «Dropzone». (Не волнуйся ... еще больше)

Библиотека расположена здесь и доступна через Nuget здесь.

Технологический стек

• ASP.NET CORE 6.0 или выше (с помощью C#)
• Entity Framework Core

Примеры

Репозиторий содержит следующие примеры:

• 01-Simpledashboard
  Самый простой способ создать статическую панель; Очень просто; без javascript без функций (связанный пост)
  
  
• 02-WidgetSexample
  Простая панель мониторинга с простым виджетом (связанный пост)
  
  
• 03-Dragwidgets
  Использование TypeScript для перемещения виджетов на приборной панели (связанный пост)
  
  
• 04-Tuxbar
  Демонстрирует, как создать бесплатную панель инструментов для Tuxboard (связанный пост)
  
  
• 05-layout-1
  Создайте простой диалог макета, чтобы пользователи могли настроить, как структурирована их панель инструментов (связанный пост)
  
  
• 06-layout-2
  Создайте диалог расширенного макета для более сложных макетов (связанный пост)
  
  
• 07-ADD-Widgets
  Создайте диалог add widget (связанный пост)
  
  
• 08-Widget-Toolbar
  Добавление кнопок и выпадающего в заголовок виджета (связанный пост)
  
  
• 09-User-Dashboard
  Создайте пользовательские панели мониторинга при входе в систему (связанный пост)
  
  
• 10-дефуйтные доборки
  Создайте специфичные для ролевой панели, когда пользователь входит в систему (связанный пост)
  
  
• 11-дефуйт-Widgets
  Создать специфичные для роли виджеты (связанный пост)
  
  
• 12-кратные изделия
  Создайте различные типы виджетов (скоро)
  
  

Заводящие примеры в контейнерах Docker

Каждый пример имеет DockerFile, который можно использовать для создания изображения Docker, которое можно использовать для запуска примеров в контейнере Docker.

Вот как запустить эти примеры, используя простую панель инструментов в качестве примера.

1. Установите переменную среду TUXBOARDCONFIG__ConnectionStricing. На терминалах Linux/Mac это было бы похоже на это, замена IP -адреса, имя базы данных, имя пользователя и пароль вашей базы данных 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'
2. Зайдите в папку 01-sampledashboard и создайте новый файл с именем development.env, содержащий следующее:

 TUXBOARDCONFIG__CONNECTIONSTRING=CONNECTION STRING FROM STEP 2
ASPNETCORE_ENVIRONMENT=Development

3. Зайдите в папку 01 -Simpledashboard и запустите следующую команду docker build -t simpledashboard -f Dockerfile .
4. Запустить dotnet ef migrations add InitialCreate , чтобы начать миграции базы данных.
5. Запустите dotnet ef database update , чтобы применить миграции базы данных в базу данных.
6. Запустите контейнер Docker со следующей командой docker run --name dash -d --env-file development.env -p 8080:8080 simpledashboard

Чтобы запустить другой пример, удалите базу данных, созданную на шаге № 3, и запустите шаги № 2 - #6 Изменение имени контейнера Docker с SimpleDashboard на другое имя, чтобы соответствовать примеру.