Einführung
Blazor erstellt interaktive Webanwendungen mit .NET, die es Ihnen ermöglichen, Anwendungslogik sowohl auf der Server- als auch auf der Clientseite gemeinsam zu nutzen. Dabei entfällt die komplexe Verwaltung clientseitiger JavaScript-Bibliotheken.
Nehmen wir an, dass Sie von einem Pizzalieferdienst damit beauftragt wurden, seine Website für Kunden zu modernisieren. Sie haben bereits für ihn Seiten erstellt, auf denen Pizzas angezeigt werden, die es den Kunden ermöglichen, die Beläge für ihre Pizzas individuell anzupassen. Sie möchten nun Bestellseiten hinzufügen und die Navigation der App verbessern. Sie möchten auch ein konsistentes Layout in der gesamten App sicherstellen, um sicherzustellen, dass Kunden das Gesuchte leicht finden können.
In diesem Modul erfahren Sie, wie Sie Kunden mithilfe der @page-Anweisung, mit Blazor-Routing und der NavLink-Komponente durch die App führen. Wenn die Navigation funktioniert, konzentrieren Sie sich darauf, wie doppelt vorhandener Code reduziert wird, indem Sie der App Layouts hinzufügen.
Lernziele
Am Ende dieses Moduls sind Sie zu Folgendem in der Lage:
- Verbessern der Navigation Ihrer Blazor-App mithilfe der Routerkomponente und NavLinks
- Verbessern der Funktionalität mit Routenparametern
- Reduzieren von Codeduplikaten mithilfe von Layouts in Ihrer Blazor-App