Tuxboard.Examples

Contoh Tuxboard

Tuxboard adalah perpustakaan dasbor ringan khusus untuk platform inti ASP.NET. Itu dimaksudkan untuk menjadi cara bergaya Lego untuk membangun dasbor.

Saya terus menambahkan lebih banyak contoh melalui artikel di blog saya dan menggunakan repositori ini untuk "dropzone." (Jangan khawatir ... masih ada lagi)

Perpustakaan terletak di sini dan tersedia melalui Nuget di sini.

Tumpukan Teknologi

• ASP.NET Core 6.0 atau lebih tinggi (menggunakan C#)
• Inti Kerangka Entitas

Contoh

Repositori berisi contoh -contoh berikut:

• 01-Simpledashboard
  Cara paling sederhana untuk membuat dasbor statis; Sangat mendasar; No JavaScript tanpa fitur (posting terkait)
  
  
• 02-WIDGETSEXAMPLE
  Dasbor sederhana dengan widget sederhana (posting terkait)
  
  
• 03-dragwidgets
  Menggunakan TypeScript untuk memindahkan widget di dasbor (posting terkait)
  
  
• 04-Tuxbar
  Menunjukkan cara membuat bilah alat gratis untuk Tuxboard (Posting Terkait)
  
  
• 05-layout-1
  Buat dialog tata letak sederhana sehingga pengguna dapat menyesuaikan bagaimana dasbor mereka terstruktur (posting terkait)
  
  
• 06-layout-2
  Buat Dialog Tata Letak Tingkat Lanjut Untuk Tata Letak yang Lebih Kompleks (Posting Terkait)
  
  
• 07-Add-Widgets
  Buat Dialog Tambah Widget (Posting Terkait)
  
  
• 08-WIDGET-TOOLBAR
  Menambahkan tombol dan dropdown ke header widget (posting terkait)
  
  
• 09-user-dashboard
  Buat Dasbor Khusus Pengguna Saat Pengguna Masuk (Posting Terkait)
  
  
• 10-default-dashboard
  Buat dasbor khusus peran saat pengguna masuk (posting terkait)
  
  
• 11-Default-Widgets
  Buat widget khusus peran (posting terkait)
  
  
• 12-Creating-Widgets
  Buat berbagai jenis widget (segera hadir)
  
  

Menjalankan contoh dalam wadah Docker

Setiap contoh memiliki DockerFile yang dapat digunakan untuk membangun gambar Docker yang dapat digunakan untuk menjalankan contoh dalam wadah Docker.

Berikut adalah cara menjalankan contoh -contoh ini, menggunakan dasbor sederhana sebagai contoh.

1. Tetapkan variabel lingkungan Tuxboardconfig__ConnectionString. On Linux/Mac terminals, this would be like this, replacing the IP address, database name, username and password of your SQL Server database: export TUXBOARDCONFIG__CONNECTIONSTRING='Data Source=IP_ADDRESS;Initial Catalog=DATABASE_NAME;Integrated Security=false;MultipleActiveResultSets=True;TrustServerCertificate=True;User Id=USERNAME;Password=PASSWORD'
2. Masuk ke folder 01-sampleShboard dan buat file baru yang disebut pengembangan.env yang berisi yang berikut:

 TUXBOARDCONFIG__CONNECTIONSTRING=CONNECTION STRING FROM STEP 2
ASPNETCORE_ENVIRONMENT=Development

3. Masuk ke folder 01 -SimpleDashboard dan jalankan perintah berikut docker build -t simpledashboard -f Dockerfile .
4. Jalankan dotnet ef migrations add InitialCreate untuk memulai migrasi basis data.
5. Jalankan dotnet ef database update untuk menerapkan migrasi basis data ke database.
6. Jalankan wadah Docker dengan perintah docker run --name dash -d --env-file development.env -p 8080:8080 simpledashboard

Untuk menjalankan contoh yang berbeda, hapus database yang dibuat pada Langkah #3 dan jalankan Langkah #2 - #6 Mengubah nama wadah Docker dari SimpleDashboard ke nama lain untuk mencocokkan contoh.