Sol_Ajax_Spa_MVC_Core herunterladen - Sol_Ajax_Spa_MVC

Sol_Ajax_Spa_MVC_Core

Andere Kategorien

1.0.0

Herunterladen

? Wichtiger Hinweis: Dieses Repository ist archiviert

Vielen Dank für Ihr Interesse an diesem Projekt! Ab dem 10. August 2024 haben wir beschlossen, dieses Repository zu archivieren. Was bedeutet das?

Keine Neuentwicklung: Wir werden nicht aktiv neue Funktionen entwickeln oder Probleme beheben.
Schreibgeschützt: Das Repository ist jetzt schreibgeschützt. Sie können es weiterhin klonen, es werden jedoch keine weiteren Änderungen übernommen.
Alternative Lösungen: Wenn Sie nach alternativen Lösungen oder ähnlichen Projekten suchen, sollten Sie den folgenden Link erkunden: Mittlerer Artikel: Erstellen von ASP.NET Core MVC-Apps in Single-Page-Apps mit AppRun

Einzelseitenanwendung im Asp.net-Kern (Spa MVC Core)

Besserer Ansatz, um eine ASP.NET Core-Anwendung mithilfe der Ajax-Methodik in eine Single-Page-Anwendung umzuwandeln. Das Hauptmotto besteht darin, den Aufwand für Entwickler bei der Erstellung eines SPA zu reduzieren und die Leistung der Web-App sowohl auf Server- als auch auf Clientseite zu verbessern.

Kernpunkt

Es ist nicht erforderlich, JQuery-Code zu schreiben, um eine Einzelseitenanwendung zu erstellen.
Die Ajax Spa-Bibliothek verfügt über eine integrierte Ajax-Funktion, die automatisch aufgerufen wird.
Verwenden Sie standardmäßiges serverseitiges Routing.
Entwickler können auch andere Javascript-Frameworks nebeneinander verwenden.

Notiz

Diese Bibliothek gilt für die Asp.net Core 3.1 bis 6.0-Lösung.

Aufstellen

Schritt 1:

Installieren Sie das folgende Nuget-Paket in Ihrer Lösung.

Verwenden des Nuget-Paketmanagers:

 PM> Install-Package AjaxSpaMvcCore -Version 1.0.1

Verwenden der .Net-CLI:

 > dotnet add package AjaxSpaMvcCore --version 1.0.1

Schritt 2:

Gehen Sie zur Datei „Startup.cs“ und fügen Sie unter „Methode konfigurieren “ die folgende Middleware hinzu.

 app . UseAjaxSpa ( ) ;

Schritt 3:

Fügen Sie die Ajax-Spa-Tag-Hilfsreferenz zur Datei _ViewImports.cshtml im Ordner „View“ hinzu.

 @addTagHelper * , AjaxSpaMvcCore

Hinweis: Erstellen Sie die Lösung.

Schritt 4:

Gehen Sie zur Datei _Layout.cshtml und führen Sie den folgenden Vorgang aus.

Fügen Sie vor dem schließenden Body-Tag die folgende clientseitige Referenz hinzu

 < script src =" ~/AjaxSpaResource/js/core.js " > </ script >
< script src =" ~/AjaxSpaResource/js/spa.js " > </ script >

Ersetzen Sie die RenderBody()- Methode durch den folgenden Ajax-Spa-Tag-Helfer, etwa so

< main role = " main " class = " pb-3 " >
    @* @RenderBody() *@
    < ajax-spa render-body = " @RenderBody() " ></ ajax-spa >
 </ main >

Schritt 5:

Wenden Sie die Layoutseite an, indem Sie die Erweiterungsmethode ApplyLayoutAsync() in der Datei _ViewStart.cshtml verwenden.

 @ using AjaxSpaMvcCore
@{
    // Layout = "_Layout";
    Layout = await Context . Request . ApplyLayoutAsync ( " ~/Views/Shared/_Layout.cshtml " );
}