/*
Ablauf und die Rolle jeder Datei in der Blazor WebAssembly-Anwendung:
1.index.html
• Reihenfolge: Wird als erstes geladen, wenn die Anwendung im Browser geöffnet wird.
• Purpose:
• Lädt die Blazor WebAssembly-Umgebung (blazor.webassembly.js).
• Definiert den Platzhalter
, in dem die Blazor-Komponenten gerendert werden.
• Bindet Stylesheets und Skripte ein, die für das Styling und die Funktionalität der Anwendung benötigt werden.
2. Program.cs
• Reihenfolge: Wird nach index.html ausgeführt, sobald die Blazor-Umgebung initialisiert ist.
• Purpose:
• Initialisiert die Blazor WebAssembly-Anwendung.
• Registriert Root-Komponenten (App) und Abhängigkeiten (z. B. HttpClient, CatalogApiClient).
• Konfiguriert die Basis-URL für API-Aufrufe.
3. App.razor
• Reihenfolge: Wird als nächstes geladen, nachdem die Anwendung initialisiert wurde.
• Purpose:
• Definiert die Routing-Logik der Anwendung.
• Entscheidet, welche Komponente basierend auf der URL gerendert wird.
• Stellt sicher, dass ein Standardlayout (MainLayout) verwendet wird.
4.MainLayout.razor
• Reihenfolge: Wird geladen, wenn eine Seite gerendert wird, da es das Standardlayout ist.
• Purpose:
• Definiert das Hauptlayout der Anwendung.
• Enthält die Navigationsleiste (NavMenu) und den Platzhalter für den Seiteninhalt (@Body).
5. NavMenu.razor
• Reihenfolge: Wird als Teil des Layouts (MainLayout) geladen.
• Purpose:
• Stellt die Navigationsleiste bereit.
• Enthält Links zu verschiedenen Seiten der Anwendung (z. B. Home, Catalogs).
• Ermöglicht das Ein- und Ausklappen des Menüs.
6. Catalogs.razor
• Reihenfolge: Wird geladen, wenn der Benutzer die URL /catalogs aufruft.
• Purpose:
• Stellt die Benutzeroberfläche für die Verwaltung von Katalogen bereit.
• Nutzt CatalogApiClient, um Daten von der API zu laden, zu erstellen, zu aktualisieren oder zu löschen.
• Verwendet DevExpress-Komponenten für ein modernes UI.
7. CatalogApiClient.cs
• Reihenfolge: Wird verwendet, wenn Catalogs.razor API-Aufrufe ausführt.
• Purpose:
• Kapselt die Kommunikation mit der API.
• Bietet Methoden für CRUD-Operationen (Create, Read, Update, Delete) auf Katalog-Daten.
• Behandelt Fehler und gibt benutzerfreundliche Fehlermeldungen zurück.
Zusammenfassung des Ablaufs:
1.index.html: Lädt die Blazor-Umgebung und startet die Anwendung.
2. Program.cs: Initialisiert die Anwendung und registriert Abhängigkeiten.
3. App.razor: Definiert die Routing-Logik und lädt das Standardlayout.
4. MainLayout.razor: Stellt das Hauptlayout bereit.
5. NavMenu.razor: Lädt die Navigationsleiste.
6. Seiten wie Catalogs.razor: Werden basierend auf der URL gerendert.
7. CatalogApiClient.cs: Führt API-Aufrufe aus, wenn die Seite Daten benötigt.
*/