/* 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. */