ASP.NET Core unter Verwendung von ViewComponent
- ASP.NET Core Ansichtskomponente
- 16373
|
In einer großen Anzahl von Seiten rufen die gleiche Ansicht Ergebnisse, können wir den gleichen Inhalt in eine Ansichtskomponente zu kapseln, natürlich können Sie auch Parameter an die Ansichtskomponente übergeben, um die Antwort Ergebnisse, Szenarien zurück: Leaderboards, Formulare, Tabellen, etc., in diesem Artikel, mit asp.net core 3.1 erklären, wie ViewComponent ViewComponent Tutorial verwenden.
Ansicht Komponenten
View-Komponenten sind ähnlich wie partielle Ansichten, aber leistungsfähiger. View-Komponenten verwenden keine Modellbindung, sondern verlassen sich nur auf die Daten, wenn das Modell aufgerufen wird. Dieser Artikel ist mit Controllern und Views geschrieben, aber View-Komponenten können auch mit Razor Pages verwendet werden.
Ansichtskomponenten:
- Rendert einen Block und nicht die gesamte Antwort.
- Enthält die gleichen Vorteile der Trennung von Belangen und der Testbarkeit, die zwischen Controllern und Views bestehen.
- Kann Parameter und Geschäftslogik enthalten.
- Wird in der Regel von einer Layout-Seite aus aufgerufen.
View-Komponenten können überall dort eingesetzt werden, wo Sie eine wiederverwendbare Rendering-Logik haben, die z. B. für partielle Views zu komplex ist:
Dynamische Navigationsmenüs Tag-Cloud (wo die Datenbank abgefragt wird) Login-Panel Warenkorb Neueste Beiträge Seitenleisteninhalt in einem typischen Blog Das Login-Panel wird auf jeder Seite mit einem Link zum Ab- oder Anmelden angezeigt, je nach Login-Status des Benutzers
Lokalisierte Ansicht
asp.net mvc Laden von dynamischen Daten mit RenderAction lokale Ansicht
h ttps:// www.itsvse.com/thread-4828-1-1.html
In asp.net mvc 5 können wir die lokale Ansicht mit dem folgenden Code verwenden:
Aufrufen der Methode:
Eine ViewComponent ist ein Ersatz für eine Teilansicht.
Erste Schritte mit ViewComponent
ViewComponent Klasse:
- Unterstützt vollständig die Injektion von Konstruktorabhängigkeiten Nimmt nicht am Lebenszyklus des Controllers teil, was bedeutet, dass Sie keine Filter in der ViewComponent verwenden können Ohne weitere Umschweife wollen wir die Funktionalität einer Komponente kapseln, die ein Stadtgebiet klassifiziert.
Legen Sie zunächst einen neuen Ordner "ViewComponents" unter dem Projektverzeichnis an und erstellen Sie eine neue Klassendatei "RootClassification.cs" mit dem folgenden Code:
View-Seite erstellen wir einen neuen Ordner "Components" unter dem Projektordner "/Views/Shared", gefolgt von einem neuen Ordner " RootClassification"-Ordner (hier ist unsere neue Komponentenklasse zu finden), und erstellen Sie dann eine neue "Default.cshtml"-Datei mit folgendem Code:
Die Struktur ist wie folgt:
Der detaillierte Pfad lautet: /Views/Shared/Components/RootClassification/Default.cshtml
Warum wird ein solcher Pfad erstellt? Das hängt mit dem Laufzeitmechanismus von asp.net core components zusammen.
Die Laufzeit sucht nach Ansichten im folgenden Pfad:
/Views/{Controller Name}/Components/{View Component Name}/{View Name}
/Views/Freigegebene/Komponenten/{View-Komponentenname}/{View-Name}
/Seiten/Gemeinsam/Komponenten/{View-Komponentenname}/{View-Name}
Der Standard-View-Name für eine View-Komponente ist Default, was bedeutet, dass Ihre View-Datei normalerweise Default.cshtml heißt. Sie können einen anderen View-Namen angeben, wenn Sie das Ergebnis der View-Komponente erstellen oder die View-Methode aufrufen.
Um die Komponente aufzurufen, rufen wir sie einfach an der Stelle auf, an der wir sie benötigen. Der Code lautet wie folgt:
Führen Sie das Projekt erneut aus, der Effekt ist wie folgt:
|
Bewertung
-
| Teilnehmer 1 | MB +1 |
Beitrag +1 |
WeglegenGrund |
 fessicon | + 1 |
+ 1 |
Unterstütze den Besitzer mit einem guten Beitrag und ich werde das Gleiche tun!.... |
Alle Bewertungen ansehen
Previous：EF Core Series (3) Entity Framework Schattenattribute [转载 ]Next：Website mit Swiper-Plugin, um Bild-Diashow (rotierende Tabelle) zu erreichen
|
发表于 2021-2-7 16:18:25
F 
发表于 2021-8-12 10:21:01
