asp.net-core-mvc - RIP Tutorial · asp.net core oder es so haben möchten, sollten Sie bei...

29
asp.net-core-mvc #asp.net- core-mvc

Transcript of asp.net-core-mvc - RIP Tutorial · asp.net core oder es so haben möchten, sollten Sie bei...

  • asp.net-core-mvc

    #asp.net-

    core-mvc

  • Inhaltsverzeichnis

    Über 1

    Kapitel 1: Erste Schritte mit asp.net-core-mvc 2

    Bemerkungen 2

    Examples 2

    Installation oder Setup 2

    Visual Studio installieren 2

    Erstellen einer ASP.NET Core MVC-Anwendung. 2

    Fügen Sie MVC Middleware hinzu 5

    Grundlagen der Injektion von Abhängigkeiten 6

    Lebenszeitmanagement 7

    Versionen 7

    Kapitel 2: Ändern Sie den Standardansichtsort 9

    Einführung 9

    Examples 9

    Erstellen Sie einen View Location Expander 9

    Registrieren Sie den View Location Expander 9

    Kapitel 3: Einrichten und Installieren von .Net Core MVC mit Visual Studio-Code und Schnel 10

    Einführung 10

    Bemerkungen 10

    Examples 10

    Schritt 1 - Visual Studio Code Installation 10

    Schritt 2 - Konfigurieren von .Net Core und C #. 13

    Schritt 3 - Erstellen Sie eine Basis-MVC-Vorlage. 19

    Schritt 4 - Ausführen und Debuggen der Anwendung. 24

    Credits 27

  • Über

    You can share this PDF with anyone you feel could benefit from it, downloaded the latest version from: asp-net-core-mvc

    It is an unofficial and free asp.net-core-mvc ebook created for educational purposes. All the content is extracted from Stack Overflow Documentation, which is written by many hardworking individuals at Stack Overflow. It is neither affiliated with Stack Overflow nor official asp.net-core-mvc.

    The content is released under Creative Commons BY-SA, and the list of contributors to each chapter are provided in the credits section at the end of this book. Images may be copyright of their respective owners unless otherwise specified. All trademarks and registered trademarks are the property of their respective company owners.

    Use the content presented in this book at your own risk; it is not guaranteed to be correct nor accurate, please send your feedback and corrections to [email protected]

    https://riptutorial.com/de/home 1

    http://riptutorial.com/ebook/asp-net-core-mvchttps://archive.org/details/documentation-dump.7zmailto:[email protected]

  • Kapitel 1: Erste Schritte mit asp.net-core-mvc

    Bemerkungen

    Dieser Abschnitt bietet einen Überblick über das, was asp.net-core-mvc ist und warum ein Entwickler es verwenden möchte.

    Es sollte auch alle großen Themen in asp.net-core-mvc erwähnen und auf die verwandten Themen verweisen. Da die Dokumentation für asp.net-core-mvc neu ist, müssen Sie möglicherweise erste Versionen dieser verwandten Themen erstellen.

    Examples

    Installation oder Setup

    Visual Studio installieren

    Wenn Sie Visual Studio nicht installiert haben, können Sie die kostenlose Visual Studio Community Edition hier herunterladen . Wenn Sie es bereits installiert haben, können Sie mit dem nächsten Schritt fortfahren.

    Erstellen einer ASP.NET Core MVC-Anwendung.

    Öffnen Sie Visual Studio.1. Wählen Sie Datei> Neues Projekt.2. Wählen Sie im Bereich Vorlagen auf der linken Seite die Sprache Ihrer Wahl aus.3. Wählen Sie im Dialog einen bevorzugten Projekttyp aus .4. Optional: Wählen Sie ein .NET Framework aus, auf das Sie abzielen möchten5. Benennen Sie Ihr Projekt und geben Sie an, ob Sie eine Lösung für das Projekt erstellen möchten.

    6.

    Klicken Sie auf OK , um das Projekt zu erstellen.7.

    https://riptutorial.com/de/home 2

    https://www.visualstudio.com/en-us/products/visual-studio-community-vs.aspxhttps://www.visualstudio.com/en-us/products/visual-studio-community-vs.aspx

  • In einem weiteren Dialog wird die Vorlage ausgewählt, die Sie für das Projekt verwenden möchten:

    Jede der Beschreibungen ist selbsterklärend. Wählen Sie für dieses erste Projekt die Webanwendung aus , die alle Standardkonfigurationen, die Authentifizierung und einige vorhandene Inhalte enthält.

    Da dies eine Einführung ist und keine Sicherheit oder Authentifizierung erforderlich ist, können Sie

    https://riptutorial.com/de/home 3

    http://i.stack.imgur.com/pMtnk.pnghttp://i.stack.imgur.com/uOxqu.png

  • auf der rechten Seite des Dialogfelds die Authentifizierungsoption in Keine Authentifizierung ändern und auf OK klicken, um das Projekt zu erstellen .

    Sie sollten das neue Projekt dann im Projektmappen-Explorer sehen:

    Drücken Sie die Taste F5, um die Anwendung auszuführen und eine Debugging-Sitzung zu starten, die die Anwendung in Ihrem Standardbrowser startet:

    https://riptutorial.com/de/home 4

    http://i.stack.imgur.com/K0Fx5.pnghttp://i.stack.imgur.com/h93dH.png

  • Sie können jetzt sehen, dass Ihr Projekt lokal läuft und als Ausgangspunkt für die Erstellung Ihrer Anwendung bereit ist.

    PS: Erste Schritte mit asp.net-core- Thema aus der asp.net-core- Dokumentation

    Fügen Sie MVC Middleware hinzu

    Wenn Sie ein leeres Projekt erstellt haben oder mvc immer noch nicht in Ihrer Anwendung konfiguriert ist, können Sie Abhängigkeiten hinzufügen:

    "Microsoft.AspNetCore.Mvc": "1.0.1"

    Zu Ihrer project.json Datei unter "dependencies" .

    Registrieren Sie MVC-Middleware in Ihrer Startup-Klasse:

    public void ConfigureServices(IServiceCollection services) { ... services.AddMvc(); }

    Beachten Sie, dass wir sowohl services.AddMvc() als auch services.AddMvcCore() . Wenn Sie mit asp.net core oder es so haben möchten, sollten Sie bei services.AddMvc() bleiben. Wenn Sie jedoch eine erweiterte Erfahrung wünschen, können Sie mit einer minimalen MVC-Pipeline beginnen und Funktionen hinzufügen, um mithilfe von services.AddMvcCore() ein benutzerdefiniertes Framework zu erhalten. Weitere Informationen zu AddMvcCore Sie in dieser Diskussion

    public void ConfigureServices(IServiceCollection services) { services .AddMvcCore() .AddAuthorization() .AddJsonFormatters(j => j.Formatting = Formatting.Indented); }

    Jetzt können Sie Ihrem Application Builder mitteilen, dass er mvc verwenden soll:

    public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory) { ... app.UseMvc(); }

    oder mit Standardrouting:

    app.UseMvc(routes => { routes.MapRoute( name: "default",

    https://riptutorial.com/de/home 5

    http://www.riptutorial.com/asp-net-core/topic/810/getting-started-with-asp-net-corehttp://www.riptutorial.com/asp-net-core/topic/810/getting-started-with-asp-net-corehttps://github.com/aspnet/Mvc/issues/2872https://github.com/aspnet/Mvc/issues/2872

  • template: "{controller=Home}/{action=Index}/{id?}"); });

    Grundlagen der Injektion von Abhängigkeiten

    Fast jeder Controller benötigt einige externe Abhängigkeiten, um zu funktionieren. Hier können Sie ein Abhängigkeitsobjekt (oder seine Factory) konfigurieren und an einen Controller übergeben. Dies wird dazu beitragen, die Trennung der Bedenken aufrechtzuerhalten, den Code klar und überprüfbar zu halten.

    Angenommen, wir haben eine Schnittstelle und deren Implementierung, die einige Werte von config in ihrem Konstruktor benötigt:

    public interface ISomeDependency { async Task GetItemsAsync(string key); } public class SomeDependency : ISomeDependency { public SomeDependency(string connectionString) { ... } ... }

    Es wird in einigen Controller-Klassen verwendet:

    public class SomeController : Controller { private reanonly ISomeDependency dependency; public SomeController(ISomeDependency dependency) { ... this.dependency = dependency; } ... public async Task Get(string key) => await dependency.GetItemsAsync(key); }

    Diese Abhängigkeit kann in den Controller-Konstruktor eingefügt werden, der services.AddTransient aufruft. Startup.ConfigureServices in der Startup.ConfigureServices Methode:

    public class Startup { public Startup(IHostingEnvironment env) { var builder = new ConfigurationBuilder(). .SetBasePath(env.ContentRootPath)

    https://riptutorial.com/de/home 6

    https://en.wikipedia.org/wiki/Separation_of_concerns

  • .AddJsonFile("appsettings.json", optional: true, reloadOnChange: true) ... Configuration = builder.Build(); } public IConfigurationRoot Configuration { get; } public void ConfigureServices(IServiceCollection services) { ... services.AddTransient(serviceProvider => new MyDependency(Configuration["Data:ConnectionString"])); } ... }

    Here Data:ConnectionString ist ein Pfad zu einer Einstellung in der Datei appsettings.json :

    { ... }, "Data": { "ConnectionString": "some connection string" } }

    Lebenszeitmanagement

    Um die Lebensdauer des injizierten Objekts zu verwalten, gibt es neben AddTransient zwei weitere Optionen: AddSingleton und AddScoped . Die letzte bedeutet, dass die Lebensdauer des Objekts auf eine HTTP-Anforderung beschränkt ist.

    Versionen

    Offizielle Roadmap @ Github

    Ausführung Ankündigungen Veröffentlichungsdatum

    RC1 * 1.0.0-rc1 2015-11-01

    RC2 * 1.0.0-rc2 2016-05-16

    1.0.0 1.0.0 2016-06-27

    1.0.1 1.0.1 2016-09-13

    1.0.1 1.0.1 2016-09-13

    1.1 1.1.0 Q4 2016 / Q1 2017

    1.2 1.2.0 Q1 2017 / Q2 2017

    https://riptutorial.com/de/home 7

    https://github.com/aspnet/Home/wiki/Roadmaphttps://github.com/aspnet/Announcements/milestone/6https://github.com/aspnet/Announcements/milestone/7https://github.com/aspnet/Announcements/milestone/8https://github.com/aspnet/Announcements/milestone/10https://github.com/aspnet/Announcements/milestone/10https://github.com/aspnet/Announcements/issues?utf8=%E2%9C%93&q=is:open%20is:issue%20milestone:1.1.0https://github.com/aspnet/Announcements/issues?utf8=%E2%9C%93&q=is:open%20is:issue%20milestone:1.2.0%20

  • * Verweise auf Jahresquartale (Q1, Q2, Q3, Q4) beziehen sich auf Kalender

    Erste Schritte mit asp.net-core-mvc online lesen: https://riptutorial.com/de/asp-net-core-mvc/topic/2174/erste-schritte-mit-asp-net-core-mvc

    https://riptutorial.com/de/home 8

    https://riptutorial.com/de/asp-net-core-mvc/topic/2174/erste-schritte-mit-asp-net-core-mvchttps://riptutorial.com/de/asp-net-core-mvc/topic/2174/erste-schritte-mit-asp-net-core-mvc

  • Kapitel 2: Ändern Sie den Standardansichtsort

    Einführung

    In ASP.NET MVC werden die Ansichten standardmäßig in den platziert Views Ordner. Manchmal möchten Sie diesen Speicherort ändern und die Ansichten woanders speichern.

    Examples

    Erstellen Sie einen View Location Expander

    Um den Ansichtsspeicherort ändern zu können, müssen Sie den IViewLocationExpander implementieren. Die ExpandViewLocations Methode gibt einen IEnumerable , der die verschiedenen Positionen enthält, an denen gesucht werden soll

    public class MyViewLocationExpander : IViewLocationExpander { public IEnumerable ExpandViewLocations(ViewLocationExpanderContext context, IEnumerable viewLocations) { yield return "/CustomViewFolder/{1}/{0}.cshtml"; yield return "/SharedFolder/{0}.cshtml"; } public void PopulateValues(ViewLocationExpanderContext context) { } }

    Registrieren Sie den View Location Expander

    Sie müssen jetzt den Expander registrieren, damit er von der Razor View Engine verwendet werden kann. Fügen Sie dies einfach in die ConfigureServices Ihrer Startup Klasse ein.

    public void ConfigureServices(IServiceCollection services) { services.Configure(options => { options.ViewLocationExpanders.Add(new MyViewLocationExpander()); }); }

    Ändern Sie den Standardansichtsort online lesen: https://riptutorial.com/de/asp-net-core-mvc/topic/8669/andern-sie-den-standardansichtsort

    https://riptutorial.com/de/home 9

    https://riptutorial.com/de/asp-net-core-mvc/topic/8669/andern-sie-den-standardansichtsorthttps://riptutorial.com/de/asp-net-core-mvc/topic/8669/andern-sie-den-standardansichtsort

  • Kapitel 3: Einrichten und Installieren von .Net Core MVC mit Visual Studio-Code und Schnellstart .net Core MVC Hello World.

    Einführung

    Dieser Artikel gibt Anregungen zum Einrichten und Installieren von Asp.Net Core mit visuellem Studio-Code. Erstellen Sie auch eine grundlegende MVC-Vorlage und das Debugging.

    Schritte unten ...

    Schritt 1 - Visual Studio-Code installieren.

    Schritt 2 - Konfigurieren von .Net Core und C #.

    Schritt 3 - Erstellen Sie eine Basis-MVC-Vorlage.

    Schritt 4 - Ausführen und Debuggen der Anwendung.

    Bemerkungen

    Dieser Artikel wird mit Visual Studio Code Open Source eingerichtet und grundlegende .net-Kern-MVC-Anwendungen erstellt und debuggt.

    Der oben verwendete Dateispeicherort ist die Änderung pro Benutzer. Keine Einschränkung.•Brauchen Sie Internet, um Setups herunterzuladen.•

    Examples

    Schritt 1 - Visual Studio Code Installation

    Laden Sie hier den visuellen Studiocode herunter. Wählen Sie Ihr Zielinstallationsprogramm aus [mac | windows | linux].

    https://riptutorial.com/de/home 10

    http://code.visualstudio.com/

  • https://riptutorial.com/de/home 11

    https://i.stack.imgur.com/U8PGy.jpg

  • Gehen Sie zur heruntergeladenen Datei in Ihrem lokalen Ordner.•

    Nachfolgend sind die Schritte zur Installation aufgeführt•

    https://riptutorial.com/de/home 12

    https://i.stack.imgur.com/S1bqo.jpg

  • Die Installation wurde erfolgreich abgeschlossen.

    Schritt 2 - Konfigurieren von .Net Core und C #.

    Konfigurieren Sie nach der Installation von Visual Studio-Code den .net-Core und C #.

    Konfigurieren Sie C # basierend auf dem Marktplatz. Referenz-URL: •

    https://riptutorial.com/de/home 13

    https://i.stack.imgur.com/bzNCA.jpghttps://i.stack.imgur.com/82V2d.jpghttps://i.stack.imgur.com/P6yGh.jpghttps://i.stack.imgur.com/LDSOD.jpghttps://i.stack.imgur.com/eorRI.jpghttps://i.stack.imgur.com/auzX4.jpghttps://i.stack.imgur.com/eGJPn.jpghttps://i.stack.imgur.com/MWi6V.jpg

  • C # Market Place .net-Kern

    Starten Sie den Code für Visual Studio.1. Drücken Sie [ Strg + P ]2. Fügen Sie " ext install csharp " ein und klicken Sie auf.3.

    Sobald die obigen Schritte ausgeführt wurden, ist die C # -Erweiterung in VS-Code verfügbar.

    https://riptutorial.com/de/home 14

    https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharphttps://i.stack.imgur.com/NX4xI.jpg

  • Konfigurieren Sie nun den .net Core.•

    https://riptutorial.com/de/home 15

    https://i.stack.imgur.com/enwuy.jpg

  • Laden Sie .net Core SDK hier herunter. Wählen Sie Windows => CommandLine.

    https://riptutorial.com/de/home 16

    https://www.microsoft.com/net/core#windowscmd

  • https://riptutorial.com/de/home 17

    https://i.stack.imgur.com/HYcwt.jpg

  • Installieren Sie die SDK wie unten.

    https://riptutorial.com/de/home 18

  • .Net-Core-SDK-Installation erfolgreich abgeschlossen.

    Schritt 3 - Erstellen Sie eine Basis-MVC-Vorlage.

    Erstellen Sie Ihren neuen Projektordner und öffnen Sie in der Windows-Eingabeaufforderung•

    Geben Sie " dotnet new -t web " ein und drücken Sie•

    https://riptutorial.com/de/home 19

    https://i.stack.imgur.com/Gkzk5.jpghttps://i.stack.imgur.com/332tI.jpghttps://i.stack.imgur.com/PUfdd.jpghttps://i.stack.imgur.com/l3acC.jpg

  • . Dies ist zum Erstellen einer neuen MVC-Vorlage.

    https://riptutorial.com/de/home 20

  • Einmal fertig. Gehen Sie zum Projektstandort und sehen Sie, wie das grundlegende MVC-P•

    Geben Sie dann " dotnet restore " ein und drücken Sie•

    https://riptutorial.com/de/home 21

    https://i.stack.imgur.com/PMX9p.jpghttps://i.stack.imgur.com/aaaP0.jpg

  • . Dies dient zum Wiederherstellen aller Pakete aus der Datei project.json.

    https://riptutorial.com/de/home 22

    https://i.stack.imgur.com/vcNnU.jpg

  • Starten Sie nun VScode und öffnen Sie den Projektordner.•

    https://riptutorial.com/de/home 23

    https://i.stack.imgur.com/XP2J0.jpg

  • Nun können Sie das mvc-Projekt endlich im VS-Code sehen.

    Alle grundlegenden mvc-Strukturdateien, die Sie sehen können. [Model-View-Controller]

    Schritt 4 - Ausführen und Debuggen der Anwendung.

    Öffnen Sie den Projektordner in VScode.

    Hier stelle ich einen Haltepunkt im Home Controller ein.

    Klicken Sie jetzt auf die Debug-Option.

    Fügen Sie die Debug-Konfiguration wie folgt hinzu. Stellen Sie sicher, dass .Net Core Launch (W

    Wenn Sie mit dem Debuggen beginnen, sehen Sie, dass der Haltepunkt durch Drücken des Run-

    Dann gib weiter. Die Webseite wird im Browser wie folgt angezeigt.

    Webseite scheint defekt zu sein.

    Drücken Sie " F12 " oder öffnen Sie das Entwicklerwerkzeug.

    Sie können einige Fehler in der Konsole sehen.

    Einige Bootstrap- und Jquery-Dateien wurden nicht geladen.

    [Suchen Sie nach Skript- und CSS-Dateien mit Strg + Umschalt + F

    https://riptutorial.com/de/home 24

    https://i.stack.imgur.com/A0XBn.jpghttps://i.stack.imgur.com/S6HRy.jpghttps://i.stack.imgur.com/lgjvK.jpghttps://i.stack.imgur.com/oxUwu.jpghttps://i.stack.imgur.com/hROBm.jpghttps://i.stack.imgur.com/d8gx5.jpghttps://i.stack.imgur.com/kXnzw.jpghttps://i.stack.imgur.com/rA1kI.jpg

  • im VS-Code, und geben Sie den fehlenden Dateinamen und die Suche ein.]

    Beheben Sie dies, indem Sie Skripts mit cdn oder dem genauen Speicherort der Datei in der Layoutdatei hinzufügen.

    Aktualisieren Sie nun die Seite und schauen Sie sich das an.

    https://riptutorial.com/de/home 25

    https://i.stack.imgur.com/0hfCA.jpg

  • Nun scheint die Site in Ordnung zu sein und endlich kein Konsolenfehler mehr.

    Glückliche Kodierung

    Einrichten und Installieren von .Net Core MVC mit Visual Studio-Code und Schnellstart .net Core

    https://riptutorial.com/de/home 26

    https://i.stack.imgur.com/FHwSe.jpg

  • Credits

    S. No

    Kapitel Contributors

    1Erste Schritte mit asp.net-core-mvc

    Community, Ole K, Rafael Marques, Set, stop-cran, tmg, Zach Becknell

    2Ändern Sie den Standardansichtsort

    glacasa

    3

    Einrichten und Installieren von .Net Core MVC mit Visual Studio-Code und Schnellstart .net Core MVC Hello World.

    Andi AR

    https://riptutorial.com/de/home 27

    https://riptutorial.com/de/contributor/-1/communityhttps://riptutorial.com/de/contributor/2106997/ole-khttps://riptutorial.com/de/contributor/2397711/rafael-marqueshttps://riptutorial.com/de/contributor/2833802/sethttps://riptutorial.com/de/contributor/2858407/stop-cranhttps://riptutorial.com/de/contributor/3805023/tmghttps://riptutorial.com/de/contributor/3384388/zach-becknellhttps://riptutorial.com/de/contributor/3384388/zach-becknellhttps://riptutorial.com/de/contributor/704012/glacasahttps://riptutorial.com/de/contributor/2632619/andi-ar

    ÜberKapitel 1: Erste Schritte mit asp.net-core-mvcBemerkungenExamplesInstallation oder Setup

    Visual Studio installierenErstellen einer ASP.NET Core MVC-Anwendung.Fügen Sie MVC Middleware hinzuGrundlagen der Injektion von Abhängigkeiten

    LebenszeitmanagementVersionen

    Kapitel 2: Ändern Sie den StandardansichtsortEinführungExamplesErstellen Sie einen View Location ExpanderRegistrieren Sie den View Location Expander

    Kapitel 3: Einrichten und Installieren von .Net Core MVC mit Visual Studio-Code und Schnellstart .net Core MVC Hello World.EinführungBemerkungenExamplesSchritt 1 - Visual Studio Code InstallationSchritt 2 - Konfigurieren von .Net Core und C #.Schritt 3 - Erstellen Sie eine Basis-MVC-Vorlage.Schritt 4 - Ausführen und Debuggen der Anwendung.

    Credits