A Visual Studio-projekt megismerése

Befejeződött

Már sikeresen létrehozta webalkalmazását, és közzétette az Azure-ban, de mi a teendő, hogy ha módosításokat szeretne rajta végrehajtani? A Visual Studio megjegyzi, hogy hol történt az alkalmazás közzététele, így az alkalmazás frissítésének és módosításának folyamata csupán két kattintásból áll.

A projektstruktúra megismerése

A Visual Studióban létrehoztunk egy ASP.NET Core-webalkalmazást, most pedig szerkesztenie és az igényeknek megfelelően módosítania kell a webhelyet. Tekintsük át a projektstruktúrát, és vizsgáljuk meg, mit hozott létre a Visual Studio számunkra.

Függőségek

A függőségek tartalmazzák az ASP.NET Core azon belső összetevőit, amelyek az alkalmazás futtatásához szükségesek. Ha nem szeretne harmadik féltől származó adott csomagokat hozzáadni az alkalmazáshoz, akkor nem fog túl sok időt tölteni ebben a mappában.

Tulajdonságok

A tulajdonságok mappa konfigurációs adatokat tartalmaz a webalkalmazás üzemeltetője számára. Ha kibontja a PublishProfiles mappát, láthatja az Alpine Ski Hill webhelyének URL-címét. Az egyes közzétételi profilok egy-egy .xml-fájlból állnak, amelyek közzétételi konfigurációs adatokat tartalmaznak, például azt az Azure-címet is, amelyet a Visual Studio a fájlok feltöltéséhez használ.

wwwroot

A wwwroot fájl tartalmazza a webhely összes statikus objektumát, például a css-, a js-, a kép- és a lib-fájlokat. Amint készen áll rá, itt fogja majd módosítani a webhely stílusát, és hozzáadni az új funkciókat.

Oldalak

Az Oldalak mappa a webhely oldalainak Razor sablonjait tartalmazza. A Razor a HTML köré épített szintaxis, amely adatok webhelyen történő megjelenítésére és logika végrehajtására szolgáló speciális konvenciókkal rendelkezik.

A webhely egyes oldalait két-két kódfájl képviseli:

  • Az első egy .cshtml-fájl, amely a Razor kódfájlja. Ez a fájl tartalmazza a megjelenítés HTML-kódját és valamennyi C# logikai kódot is.

  • A második fájl egy .cs-fájl, amely a PageModel osztályt magában foglaló C#-háttérkódot tartalmazza. Ez a fájl lehetővé teszi a HTTP-kérések elfogását, és számítási feladatok rajtuk történő elvégzését, még mielőtt bármilyen adat a Razor-fájlnak lenne továbbítva.

appsetting.json

Ez egy konfigurációs fájl az ASP.NET Core számára.

Program.cs és Startup.cs

A Program.cs és Startup.cs konfigurálja és indítja el a webhely webkiszolgálóját.

Bevezetés a Razor-sablonokba

Szeretnénk néhány alapvető változtatást végezni webhelyünkön. Ehhez fontos legalább alapszinten ismernie, miként szabhatja testre a webalkalmazást Razor-sablonok segítségével.

Mi az a Razor?

A Razor egy ASP.NET-szintaxis, amelyet dinamikus weboldalak C# nyelvvel történő létrehozásához használnak. Amikor egy kiszolgáló beolvas egy Razor-oldalt, a C#-kód futtatása a HTML renderelése előtt történik. Ez lehetővé teszi, hogy gyorsan és könnyedén alkosson vele dinamikus tartalmakat.

A Razor @-direktívákat használ arra, hogy jelezze az ASP.NET számára, miként kell az oldalt feldolgozni.

Példaképp tekintsük meg a Privacy.cshtml oldal kódját:

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

<p>Use this page to detail your site's privacy policy.</p>
  • A @page direktíva jelzi az ASP.NET-nek, hogy ezt az oldalt Razor-oldalként dolgozza fel.
  • A @model direktíva azt jelzi az ASP.NET-nek, hogy az oldalt a PrivacyModel nevű C#-osztály viszonyában kezelje.

A Razor a @ szimbólumot is használja a kód és a HTML közötti váltáshoz. A megelőző kódrészletben figyelje meg a @{ ... } részt. Ez egy Razor-kódblokk. Ezt a kódot a rendszer végrehajtja, de nem rendereli.

Egy kódutasítás kimenetének a rendereléséhez a @ szimbólumot kell használni a C#-kifejezés előtt. Van egy példa az előző kódblokkban a <h1> címkében.

Egy webhely létrehozása és közzététele csupán az első lépése egy igazán jó webhely megalkotásának. Amint elkezd hozzáadni tartalmakat a webhelyhez, frissítenie kell majd azt. Miután első alkalommal közzétette a webhelyet az Azure-on, azt bármikor frissítheti.