Exemples de saut
Tuxboard est une bibliothèque de tableau de bord légère spécifiquement pour la plate-forme Core ASP.NET. C'était censé être un moyen de style LEGO de construire des tableaux de bord.
J'ajoute continuellement plus d'exemples via les articles sur mon blog et j'utilise ce référentiel pour le "Dropzone". (Ne t'inquiète pas ... il y a plus à venir)
La bibliothèque est située ici et est disponible via Nuget ici.
Pile technologique
- ASP.NET Core 6.0 ou supérieur (en utilisant C #)
- Noyau de cadre d'entité
Exemples
Le référentiel contient les exemples suivants:
- 01-simpledashboard
Le moyen le plus simple de créer un tableau de bord statique; Très basique; Pas de javascript sans fonctionnalités (message connexe)
- 02-widgetsexample
Un tableau de bord simple avec un simple widget (message connexe)
- 03-dragwidgets
Utilisation de TypeScript pour déplacer des widgets sur le tableau de bord (post associé)
- 04-tuux
Démontre comment créer une barre d'outils complémentaire pour le saut de saut (message connexe)
- 05-LAYOUT-1
Créez une boîte de dialogue de mise en page simple afin que les utilisateurs puissent ajuster la façon dont leur tableau de bord est structuré (message associé)
- 06-LAYOUT-2
Créez une boîte de dialogue de mise en page avancée pour les dispositions plus complexes (message connexe)
- 07-ADD-WIDGETS
Créer une boîte de dialogue Ajouter un widget (publication connexe)
- 08-widget-tool
Ajouter des boutons et une liste déroulante à l'en-tête d'un widget (message connexe)
- 09-user-dashboard
Créer des tableaux de bord spécifiques à l'utilisateur lorsque les utilisateurs se connectent (message connexe)
- 10-Dashboards
Créer des tableaux de bord spécifiques au rôle lorsqu'un utilisateur se connecte (post associé)
- 11-défaut-widgets
Créer des widgets spécifiques au rôle (Post associé)
- 12 créations-widgets
Créez différents types de widgets (à venir bientôt)
Exemples d'exécution dans des conteneurs Docker
Chaque exemple a un dockerfile qui peut être utilisé pour créer une image Docker qui peut être utilisée pour exécuter les exemples dans un conteneur Docker.
Voici comment exécuter ces exemples, en utilisant le tableau de bord simple comme exemple.
- Définissez une variable d'environnement TuxboardConfig__ConnectionString. Sur Linux / Mac Terminals, ce serait comme ça, en remplacement de l'adresse IP, du nom de la base de données, du nom d'utilisateur et du mot de passe de votre base de données 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' - Allez dans le dossier 01-Sampledashboard et créez un nouveau fichier appelé Development.env contenant les éléments suivants:
TUXBOARDCONFIG__CONNECTIONSTRING=CONNECTION STRING FROM STEP 2
ASPNETCORE_ENVIRONMENT=Development
- Allez dans le dossier 01-SimpledAshboard et exécutez la commande de commande de commande suivante
docker build -t simpledashboard -f Dockerfile . - Exécuter
dotnet ef migrations add InitialCreate pour initial les migrations de la base de données. - Exécutez
dotnet ef database update pour appliquer les migrations de la base de données vers la base de données. - Exécutez le conteneur Docker avec la commande suivante
docker run --name dash -d --env-file development.env -p 8080:8080 simpledashboard
Pour exécuter un exemple différent, supprimez la base de données créée à l'étape # 3 et exécutez les étapes # 2 - # 6 Modifiant le nom du conteneur Docker de SimpledAshboard à un autre nom pour correspondre à l'exemple.
