cvičení – vytvoření nové aplikace ASP.NET Core

10 min

Imagine jste zaměstnancem společnosti pizza s názvem Contoso pizza. Váš správce požádal o vývoj interní lokality pro správu inventáře Pizza. Web musí podporovat přidávání, zobrazování, úpravy a odebírání typů Pizza.

rozhraní .net CLI je nejjednodušší způsob, jak vytvořit webovou aplikaci ASP.NET Core. Rozhraní příkazového řádku je předem nainstalováno při instalaci sady .NET SDK. v této jednotce použijete rozhraní .net CLI k místnímu vytvoření webové aplikace ASP.NET Core. Porozumíte také výslednému projektu.

Vytvoření projektu webové aplikace

Aby bylo možné nastavit projekt .NET pro práci s webovou aplikací, použijeme Visual Studio Code. Visual Studio Code obsahuje integrovaný terminál, který usnadňuje vytváření nového projektu. Pokud nechcete použít jiný editor kódu, můžete spustit příkazy v tomto modulu v terminálu.

V nástroji Visual Studio Code vyberte File (Soubor) > Open File (Otevřít soubor).
Vytvořte novou složku s názvem RazorPagesPizza v umístění dle vašeho výběru a pak klikněte na Vybrat složku.
Ve Visual Studio Code otevřete integrovaný terminál výběrem View (Zobrazit) > Terminal (Terminál) z hlavní nabídky.
V okně terminálu zkopírujte a vložte následující příkaz.
```
dotnet new webapp -f net5.0
```
Tento příkaz vytvoří soubory pro základní projekt webového rozhraní API spolu se souborem projektu C# s názvem RazorPagesPizza. csproj , který vrátí seznam předpověď počasí.

může se zobrazit výzva od Visual Studio Code pro přidání assetů k ladění projektu. Klikněte na Yes dialogové okno.

příkaz používá šablonu projektu ASP.NET Core k vygenerování uživatelského rozhraní projektu webové aplikace založeného na jazyce C#. vytvoří se adresář RazorPagesPizza , který obsahuje projekt ASP.NET Core běžící na .net. Název projektu se shoduje s názvem adresáře RazorPagesPizza .

Nyní byste měli mít k těmto souborům přístup.
```
-| obj
-| Pages
   - | Shared
   - | _ViewImports.cshtml
   - | _ViewStart.cshtml
   - | Error.cshtml
   - | Error.cshtml.cs
   - | Index.cshtml
   - | Index.cshtml.cs
   - | Privacy.cshtml
   - | Privacy.cshtml.cs
-| Properties
-| appsettings.Development.json
-| appsettings.json
-| Program.cs
-| RazorPagesPizza.csproj
-| Startup.cs
```

Spuštění projektu Razor Pages a prozkoumání jeho uživatelského rozhraní

Zkompilovat a spustit projekt

V příkazovém prostředí spusťte následující příkaz .NET Core CLI:
```
dotnet run
```
Předchozí příkaz:
- Vyhledá soubor projektu v aktuálním adresáři.
- Načte a nainstaluje všechny požadované závislosti projektu pro tento projekt.
- Zkompiluje kód projektu.
- hostuje webovou aplikaci s Kestrel webovým serverem ASP.NET Core v obou http://localhost:5000 i https://localhost:5001 .
Tento modul používá adresu URL zabezpečeného místního hostitele začínající na https . Stránky aplikace nemůžete zobrazit v prohlížeči, protože ještě nejsou hostované na veřejném koncovém bodu. Aplikaci budete hostovat na veřejném koncovém bodu v následujícím kroku.

V případě, že je vaše aplikace spuštěná, se zobrazí variace následujícího výstupu:
```
info: Microsoft.Hosting.Lifetime[0]
      Now listening on: https://localhost:5001
info: Microsoft.Hosting.Lifetime[0]
      Now listening on: http://localhost:5000
info: Microsoft.Hosting.Lifetime[0]
      Application started. Press Ctrl+C to shut down.
info: Microsoft.Hosting.Lifetime[0]
      Hosting environment: Development
info: Microsoft.Hosting.Lifetime[0]
      Content root path: /home/<user>/aspnet-learn/src/RazorPagesPizza
```

Pokud spouštíte tuto aplikaci na vlastním počítači, můžete k zobrazení výsledné stránky nastavit přímý odkaz na prohlížeč https://localhost:5001 .

Prohlídka aplikace

Otevřete aplikaci v prohlížeči tak, že přejdete na adresu https://localhost:5001 .
Kliknutím na odkaz v navigačním panelu v horní části stránky přejděte na stránku ochrany osobních údajů . Všimněte si, že adresa URL končí ochranou osobních údajů. Podle konvence Razor Pages aplikace mapují cesty k souborům v rámci struktury adresářů stránek .

Ověřili jste, že můžete úspěšně kompilovat, spouštět a nasazovat projekt. Pojďme upravit, aby uživatel mohl zobrazit a aktualizovat seznam pizzas.

Pokračovat