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数据库的IP地址，数据库名称，用户名和密码： 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更改为另一个名称以匹配该示例。