Tuxboard.Examples

أمثلة Tuxboard

Tuxboard هي مكتبة لوحة معلومات خفيفة الوزن خصيصًا لمنصة ASP.NET Core. كان من المفترض أن تكون وسيلة على غرار ليغو لبناء لوحات المعلومات.

أقوم باستمرار بإضافة المزيد من الأمثلة من خلال المقالات الموجودة على مدونتي واستخدام هذا المستودع لـ "Dropzone". (لا تقلق ... هناك المزيد قادم)

توجد المكتبة هنا وهي متوفرة من خلال Nuget هنا.

كومة التكنولوجيا

• ASP.NET CORE 6.0 أو أعلى (باستخدام C#)
• CHITITY Framework Core

أمثلة

يحتوي المستودع على الأمثلة التالية:

• 01 Simpledashboard
  أبسط طريقة لإنشاء لوحة معلومات ثابتة ؛ أساسي جدا لا جافا سكريبت بدون ميزات (منشور ذي صلة)
  
  
• 02-widgetSexample
  لوحة معلومات بسيطة مع عنصر واجهة مستخدم بسيطة (منشور ذي صلة)
  
  
• 03-DragWidgets
  باستخدام TypeScript لنقل الحاجيات حول لوحة القيادة (المنشور ذات الصلة)
  
  
• 04-Tuxbar
  يوضح كيفية إنشاء شريط أدوات مجاني لـ Tuxboard (منشور ذي صلة)
  
  
• 05-layout-1
  قم بإنشاء مربع حوار تخطيط بسيط حتى يتمكن المستخدمون من ضبط كيفية تنظيم لوحة القيادة الخاصة بهم (منشور ذي صلة)
  
  
• 06-layout-2
  قم بإنشاء مربع حوار تخطيط متقدم للتخطيطات الأكثر تعقيدًا (منشور ذي صلة)
  
  
• 07-Add-Widgets
  قم بإنشاء مربع حوار إضافة عنصر واجهة مستخدم (منشور ذي صلة)
  
  
• 08-Widget-Toolbar
  إضافة أزرار ومنسدلة إلى رأس عنصر واجهة المستخدم (منشور ذي صلة)
  
  
• 09-User-Dashboard
  قم بإنشاء لوحات معلومات خاصة بالمستخدم عندما يسجل المستخدمون الدخول (منشور ذي صلة)
  
  
• 10 Default-Dashboards
  قم بإنشاء لوحات معلومات خاصة بالدوار عند تسجيل الدخول إلى (منشور ذي صلة)
  
  
• 11-Default-Widgets
  إنشاء عناصر واجهة مستخدم خاصة بالدور (منشور ذي صلة)
  
  
• 12-creating-widgets
  قم بإنشاء أنواع مختلفة من الأدوات المصغرة (قريبًا)
  
  

أمثلة تشغيل في حاويات Docker

يحتوي كل مثال على dockerfile يمكن استخدامه لإنشاء صورة Docker التي يمكن استخدامها لتشغيل الأمثلة في حاوية Docker.

فيما يلي كيفية تشغيل هذه الأمثلة ، باستخدام لوحة القيادة البسيطة كمثال.

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 مع قيام الأمر التالي docker run --name dash -d --env-file development.env -p 8080:8080 simpledashboard

لتشغيل مثال مختلف ، قم بحذف قاعدة البيانات التي تم إنشاؤها في الخطوة رقم 3 وتشغيل الخطوات رقم 2 - #6 تغيير اسم حاوية Docker من SimpledAshboard إلى اسم آخر لمطابقة المثال.