Tuxboard.Examples

tuxboard示例

Tuxboard是專門用於ASP.NET核心平台的輕型儀表板​​庫。它本來是一種建造儀表板的樂高風格的方式。

我不斷地通過博客上的文章添加更多示例，並將此存儲庫用於“ Dropzone”。 （別擔心...還有更多）

該庫位於此處，可通過Nuget在此處獲得。

技術堆棧

• ASP.NET Core 6.0或更高（使用C＃）
• 實體框架核心

例子

存儲庫包含以下示例：

• 01 smimpledashboard
  創建靜態儀表板的最簡單方法；非常基礎；沒有沒有功能的JavaScript（相關帖子）
  
  
• 02-widgetSexample
  一個帶有簡單小部件的簡單儀表板（相關帖子）
  
  
• 03-Dragwidgets
  使用打字稿在儀表板上移動小部件（相關帖子）
  
  
• 04 tuxbar
  演示如何為tuxboard創建免費工具欄（相關帖子）
  
  
• 05-layout-1
  創建一個簡單的佈局對話框，以便用戶可以調整其儀表板的結構化方式（相關帖子）
  
  
• 06-Layout-2
  為更複雜的佈局創建高級佈局對話框（相關帖子）
  
  
• 07-ADD-WIDGETS
  創建一個添加小部件對話框（相關帖子）
  
  
• 08-Widget-toolbar
  將按鈕添加到小部件的標頭（相關帖子）
  
  
• 09-user-dashboard
  用戶登錄時創建特定於用戶的儀表板（相關帖子）
  
  
• 10默認儀表板
  當用戶登錄（相關帖子）時，創建特定角色的儀表板
  
  
• 11-默認網絡
  創建特定角色的小部件（相關帖子）
  
  
• 12個創建網絡
  創建各種類型的小部件（即將推出）
  
  

在Docker容器中運行示例

每個示例都有一個Dockerfile，可用於構建Docker映像，該圖像可用於在Docker容器中運行示例。

這是使用簡單儀表板作為示例運行這些示例的方法。

1. 設置環境變量TuxboardConfig__ ConnectionsTring。在Linux/MAC終端上，這就是這樣，替換了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-smpledashboard文件夾，然後創建一個名為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運行Docker容器

要運行另一個示例，請刪除步驟＃3中創建的數據庫，然後運行步驟＃2-＃6將Docker容器的名稱從SimpleDashboard更改為另一個名稱以匹配該示例。