Tuxboard.Examples

タックスボードの例

タックスボードは、ASP.NETコアプラットフォーム専用の軽量ダッシュボードライブラリです。これは、ダッシュボードを構築するためのレゴスタイルの方法であることを意図していました。

私はブログの記事を通してより多くの例を継続的に追加し、「Dropzone」のこのリポジトリを使用しています。 （心配しないでください...もっと来ます）

ライブラリはここにあり、Nugetから入手できます。

テクノロジースタック

• ASP.NETコア6.0以降（C＃を使用）
• エンティティフレームワークコア

例

リポジトリには次の例が含まれています。

• 01-smpledashboard
  静的ダッシュボードを作成する最も簡単な方法。非常に基本的な;機能なしのJavaScriptなし（関連する投稿）
  
  
• 02-widgetSexample
  シンプルなウィジェットを備えたシンプルなダッシュボード（関連する投稿）
  
  
• 03-ドラグウィジェット
  タイプスクリプトを使用して、ダッシュボード上でウィジェットを移動する（関連する投稿）
  
  
• 04-Tuxbar
  タックスボード用の無料のツールバーを作成する方法を示す（関連する投稿）
  
  
• 05-layout-1
  単純なレイアウトダイアログを作成して、ユーザーがダッシュボードの構造を調整できるようにします（関連する投稿）
  
  
• 06-layout-2
  より複雑なレイアウトのための高度なレイアウトダイアログを作成する（関連する投稿）
  
  
• 07-Add-widgets
  [ウィジェットの追加]ダイアログ（関連する投稿）を作成する
  
  
• 08-widget-toolbar
  ボタンを追加してウィジェットのヘッダーにドロップダウンします（関連する投稿）
  
  
• 09-ユーザーダッシュボード
  ユーザーがログインするときにユーザー固有のダッシュボードを作成する（関連する投稿）
  
  
• 10-Default-Dashboards
  ユーザーがログインするときにロール固有のダッシュボードを作成する（関連する投稿）
  
  
• 11-Default-Widgets
  ロール固有のウィジェットを作成する（関連する投稿）
  
  
• 12-Creating-Widgets
  さまざまな種類のウィジェットを作成する（近日公開）
  
  

Dockerコンテナの実行例

各例には、Dockerコンテナで例を実行するために使用できるDocker画像の構築に使用できるDockerFileがあります。

簡単なダッシュボードを例として使用して、これらの例を実行する方法を次に示します。

1. 環境変数を設定します。TuxBoardConfig__ConnectionStringを設定します。 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 run --name dash -d --env-file development.env -p 8080:8080 simpledashboard

別の例を実行するには、ステップ＃3で作成されたデータベースを削除し、手順＃2-＃6を実行して、Dockerコンテナの名前をSimpleDashboardからAnal Nameに変更して、例に一致させます。