ode to food

Odetofood

Ein Repo für das ASP.NET Core Pluralsight -Projekt.

Im Folgenden finden Sie zusätzliche Notizen und FAQs über den Kurs.

ASP.NET CORE 3

Die Originalversion des Codes, wie im Pluralsight -Kurs aufgezeichnet, ist mit ASP.NET Core 2.1. Ich habe diesen Code in eine Filiale mit dem Namen ASPNET21 gestellt.

Die Master Branch, die ich aktualisiere, um ASP.NET Core 3 und die neuesten Versionen von Bootstrap und JQuery zu verwenden.

Modul 2 (Bohrungen in Daten)

Clip 2 (Erstellen des neuen Projekts)

Um ein Projekt wie in Visual Studio zu erstellen, zu erstellen und auszuführen, können Sie die Befehlszeile verwenden:

 dotnet new razor
dotnet build
dotnet run

Einige Umgebungen wie Visual Studio Code können auch .NET -Kernprojekte erkennen und automatisch Unterstützung zum Erstellen und Ausführen der VS -Codemenüs hinzufügen.

Clip 3 (Bearbeitung von Rasierseiten)

VS verwendet eine Magie, um den Webserver automatisch neu zu starten, wenn Sie Änderungen an Quellcodedateien vornehmen. Wenn Sie Befehlszeilen -Tools verwenden, können Sie dasselbe mit:

dotnet watch run

... anstatt ...

dotnet run

Clip 7 - (Erstellen einer Entität)

Sie können dotnet verwenden, um die Klassenbibliothek zu erstellen. Platzieren Sie dies auf dem gleichen Ordnerebene wie das Odetofood -Projekt.

 dotnet new classlib

Modul 3 (Arbeiten mit Modellen und Modellbindung)

Clip 3 (Erstellen eines Suchformulars)

Bootstrap 4 hat einige Klassen geändert und enthält keine Glyphicons mehr. Font Awesome ist ein guter Ersatz. Sobald Sie das fantastische Stylesheet der Schriftart in Ihre _layout -Seite mit einem Link -Tag eingeleitet haben, sind die Symbole genauso einfach zu bedienen. Um ein Suchymbol anzusehen, verwenden Sie diesen Code:

 <input type="search" class="form-control" value="" />
<div class="input-group-append">
    <button class="btn btn-secondary">
        <i class="fas fa-search"></i>
    </button>
</div>

Modul 4 (Bearbeitungsdaten mit Rasierseiten)

Beachten Sie, dass die Bootstrap -Version 4 keine Symbole mehr über die Box liefert. Weitere Informationen finden Sie in den Dokumenten. Font Awesome ist ein guter Ersatz.

Clip 5 (Hinzufügen von Validierungsüberprüfungen)

Sie müssen das Nuget-Paket dotNet-Aspnet-CodeGenerator installieren. Installieren Sie dieses Paket als Tool aus der kombinierten Linie und installieren Sie das Designpaket für das Projekt:

 dotnet tool install --global dotnet-aspnet-codegenerator 
dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design

Nach der Installation sollte der folgende Befehl einen Hilfebildschirm und eine Liste der verfügbaren Generatoren anzeigen. Stellen Sie sicher, dass Sie den Befehl in einem Verzeichnis ausführen, in dem ein Projekt existiert.

 dotnet aspnet-codegenerator -h

Jetzt sollten Sie in der Lage sein, das Gerüst im Video zu verfolgen.

 dotnet aspnet-codegenerator razorpage List Empty -udl -outDir PagesRestaurants

Für Visual Studio -Benutzer möchten Sie möglicherweise auch einen Verweis auf Codegeneration -Tools, die Sie von der Benutzeroberfläche verwenden können. Führen Sie den folgenden Befehl im Projektverzeichnis aus:

 dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design
dotnet restore

Auf diese Weise können Sie mit der rechten Maustaste auf das Projekt klicken und Gerüst ausführen. S

Modul 5 (Arbeiten mit SQL Server und dem Entity Framework Core)

Clip 2 (Installieren des Entity -Frameworks)

Sehen Sie sich SQL Server auf einem Mac an, wenn Sie den Kurs mit Visual Studio für den Mac durch den Kurs bewegen. Von Benutzer DB:

Nehmen Sie nach der Installation Ihren Datenbank -Benutzernamen (normalerweise 'SA') und das Passwort.

Es ist sehr glatt. Ich benutze dbbeaver, die auch im obigen Artikel erklärt wird, und ich finde es großartig.

Nach Scotts Klasse hier, in der er die Datenbankverbindungs ​​-Zeichenfolge in appsettings.json auf seine lokale DB -Instanz in Windows festlegt, können Sie diese Verbindungszeichenfolge nur verwenden:

 "ConnectionStrings" : {
    "OdeToFoodDb" : " Server=localhost,1433;Database=OdeToFood;User Id=sa; Password=your-password "
}

Ersetzen Sie dann "Ihr Passwort" durch Ihr reales Passwort, das Sie bei der Installation des SQL-Serverbildes in Docker-Container auswählen.

Es ist eine sehr einfache und reibungslose Erfahrung.

Clip 4 (mit den Entitäts -Framework -Tools)

Ab 3.0 ist das Dotnet EF-Befehlszeilen-Tool nicht mehr im .NET Core SDK enthalten. Bevor Sie EF -CORE -Migrations- oder Gerüstbefehle ausführen können, müssen Sie dieses Paket entweder als globales oder lokales Tool installieren. Verwenden Sie den folgenden Befehl, um die neueste Version als globales Tool zu installieren:

 dotnet tool install --global dotnet-ef

Modul 7 (Integration von Client-Seite JavaScript und CSS)

Implementierung eines API -Controllers

Wenn Sie Visual Studio nicht verwenden, können Sie das in diesem Clip gezeigte Gerüst mit dem in Modul 3 besprochenen dotnet-aspnet-codegenerator Tool auch erreichen. Der Befehl würde aussehen wie:

 dotnet aspnet-codegenerator controller -api -name RestaurantsController
    --model OdeToFood.Core.Restaurant --dataContext OdeToFood.Data.OdeToFoodDbContext 

Beachten Sie, dass der -api -Switch einen einzelnen Armaturenbrett verwendet.

Änderungen an Routing und Diensten

In ASP.NET Core 3.0+ können Sie feinkörnige Dienste einbringen, um Rasierseiten und Controller zu unterstützen. Sie müssen nicht das gesamte MVC -Framework einbringen. Um Rasiermesserseiten und API -Controller zu verwenden, müssen Sie beispielsweise die folgenden zwei Methodenaufrufe innerhalb der ConfigureServices -Methode von Startup.cs haben.

 // for aspnetcore3.0+

services.AddRazorPages();
services.AddControllers();

Das Routing ist auch etwas anders und in 3.0 körniger. Der folgende Code am Ende der Configure in Startup.cs für 3.x:

 app.UseRouting();            
app.UseEndpoints(e =>
{
    e.MapRazorPages();
    e.MapControllers();
});

Links

https://github.com/odetocode/odetofood