Prozkoumání projektu aplikace sady Visual Studio

  • 5 min

Úspěšně jste vytvořili webovou aplikaci a publikovali ji do Azure. Co se ale stane, když chcete udělat změny? Visual Studio si pamatuje, kde je aplikace publikovaná, což umožňuje aktualizaci a změnu aplikace dvěma kliknutími.

Prozkoumání struktury projektu

V sadě Visual Studio jste vytvořili webovou aplikaci ASP.NET Core a teď budete muset web upravit a přizpůsobit. Pojďme prozkoumat strukturu projektu a podívat se, co sada Visual Studio vytvořila.

Závislosti

Složka Závislosti obsahuje interní ASP.NET Core pro zprovoznění aplikace. Pokud nepřidáte konkrétní balíčky třetích stran, nebudete muset v této složce strávit moc času.

Vlastnosti

Složka Vlastnosti obsahuje konfigurační data pro místo, kde hostujete webovou aplikaci. Když teď rozbalíte složku PublishProfiles, měli byste vidět adresu URL webu Alpine Ski Hill. Každý profil publikování je soubor .xml obsahující informace o publikování konfigurace, jako je například adresa Azure, kterou sada Visual Studio používá k nahrání souborů.

wwwroot

Soubor wwwroot obsahuje všechny vaše statické prostředky pro váš web, například soubory css, js, images a lib. Až budete připravení na styl a přidáte na svůj web další funkce, budete tady pracovat.

Stránky

Složka Pages obsahuje šablony Razor pro stránky vašeho webu. Razor je syntaxe značek pro vkládání kódu serveru do ASP.NET webových stránek. Obsahuje kód HTML a má zvláštní konvence pro zobrazení dat a spouštění logiky na vašem webu.

Každou stránku webu reprezentují dva soubory s kódy:

  • Soubor .cshtml , což je soubor značek Razor. Tento soubor obsahuje kód HTML pro zobrazení a určitou logiku jazyka C#.

  • Soubor .cs , který je za kódem jazyka C#, který dědí z PageModel třídy. Tento soubor umožňuje zachytit požadavky HTTP a před předáním jakýchkoli dat do souboru Razor provést zpracování tohoto požadavku.

appsetting.json

Toto je konfigurační soubor pro ASP.NET Core.

Program.cs

Soubor Program.cs nakonfiguruje a spustí webového hostitele pro váš web.

Úvod do šablon Razor

Budeme chtít udělat nějaké základní změny na našich webových stránkách. Budete muset mít základní znalosti o tom, jak využít šablony Razor k přizpůsobení webové aplikace.

Co je syntaxe Razor?

Razor je syntaxe rozhraní ASP.NET, která se používá k vytváření dynamických webových stránek pomocí jazyka C#. Když server přečte stránku Razor Page, kód jazyka C# se spustí před vykreslením kódu HTML. To vám umožňuje rychle generovat dynamický obsah.

Syntaxe Razor používá direktivy @, kterými rozhraní ASP.NET sděluje, jak stránku zpracovat.

Podívejte se třeba na kód na stránce Privacy.cshtml:

@page
@model PrivacyModel
@{
    ViewData["Title"] = "Privacy Policy";
}
<h1>@ViewData["Title"]</h1>

<p>Use this page to detail your site's privacy policy.</p>
  • Direktiva @page sděluje rozhraní ASP.NET, aby se tento soubor zpracoval jako stránka syntaxe Razor.
  • Direktiva @model sděluje rozhraní ASP.NET, aby tuto stránku syntaxe Razor svázalo s třídou jazyka C# s názvem PrivacyModel.

V syntaxi Razor se symbol @ používá také k přechodu mezi kódem a HTML. Když se podíváte na předchozí fragment kódu, všimněte si @{ ... }. Jedná se o blok kódu Razor, který se spustí, ale nevykreslí.

K vykreslení výstupu příkazu kódu použijte před výrazem jazyka C# symbol @. V předchozím bloku kódu ve <h1> značce je příklad.

Vytvoření a publikování webu jsou pouze prvními kroky k vytvoření dobrého webu. Jakmile začnete přidávat obsah, budete muset web aktualizovat. Jakmile web publikujete do Azure, můžete ho kdykoli aktualizovat.