A Visual Studio App Project felfedezése

Befejeződött

Sikeresen létrehozta és közzétette a webalkalmazást az Azure-ban, de mi történik, ha módosításokat szeretne végezni? A Visual Studio megjegyzi az alkalmazás közzétételének helyét, ami kétkattintásos folyamattá teszi az alkalmazás frissítését és módosítását.

A projektstruktúra megismerése

Létrehozott egy ASP.NET Core-webalkalmazást a Visual Studióban, és most szerkesztenie és testre kell szabnia a webhelyét. Vizsgáljuk meg a projekt struktúráját, hogy lássuk, mit hozott létre a Visual Studio.

Függőségek

A Dependencies mappa tartalmazza a ASP.NET Core belső elemeit az alkalmazás üzembe állásához és futtatásához. Ha nem ad hozzá konkrét külső csomagokat, nem kell sok időt töltenie ebben a mappában.

Properties

A Tulajdonságok mappa konfigurációs adatokat tartalmaz arra vonatkozóan, hogy hol üzemelteti a webalkalmazást. Ha most kibontja a PublishProfiles mappát, látnia kell az Alpine Ski Hill webhely URL-címét. Minden közzétételi profil egy .xml fájl, amely közzétételi konfigurációs információkat tartalmaz, például azt az Azure-címet, 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- és js-fájlokat, a képeket és a lib fájlokat. Ha készen áll a stílusra, és további funkciókat ad hozzá a webhelyhez, itt fog dolgozni.

Oldalak

A Lapok mappában Razor-sablonok találhatók a webhely lapjaihoz. A Razor egy korrektúraszintaxis a kiszolgálókód ASP.NET weblapokra való beágyazásához. HTML-t is tartalmaz, és speciális konvenciókkal rendelkezik az adatok megjelenítésére és a logika végrehajtására a webhelyen.

A webhely minden lapja két kódfájllal van ábrázolva:

  • Egy .cshtml fájl, amely a Razor-korrektúrafájl. Ez a fájl tartalmazza a megjelenített HTML-t és néhány C# logikát.

  • Egy .cs fájl, amely az osztálytól PageModel öröklő C#-kód. Ez a fájl lehetővé teszi a HTTP-kérések elfogását és a kérés feldolgozását, mielőtt adatokat ad át a Razor-fájlnak.

appsetting.json

Ez a ASP.NET Core konfigurációs fájlja.

Program.cs

A Program.cs fájl konfigurálja és elindítja a webhely webes gazdagépét.

A Razor-sablonok bemutatása

Szeretnénk néhány alapvető módosítást végezni a weboldalunkon. Alapvető ismereteket kell tudnia arról, hogyan használhat razor-sablonokat a webalkalmazás testreszabásához.

Mi az a Razor?

A Razor egy ASP.NET szintaxis, amellyel dinamikus weblapokat hozhat létre C#-tal. Amikor egy kiszolgáló felolvas egy Razor-lapot, a C#-kód a HTML megjelenítése előtt fut. Ez lehetővé teszi a dinamikus tartalom gyors generálásához.

A Razor @ irányelvekkel ismerteti ASP.NET az oldalak feldolgozásának módját.

Tekintse meg például a lapon található Privacy.cshtml kódot:

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

<p>Use this page to detail your site's privacy policy.</p>
  • Az @page irányelv azt mondja ASP.NET, hogy razor-oldalként dolgozza fel ezt a fájlt.
  • Az @model irányelv azt mondja ASP.NET, hogy kösse ezt a Razor oldalt egy C# osztály nevű PrivacyModel.

A Razor a szimbólumot is használja a @ kód és a HTML közötti váltáshoz. Ha megtekinti az előző kódrészletet, látni @{ ... }fogja. Ez egy Razor-kódblokk, amely végrehajtásra kerül , de nem renderelt.

Egy kódkimutatás kimenetének megjelenítéséhez használja a @ C#-kifejezés előttit. A címke előző kódblokkjában <h1> van egy példa.

A webhelyek létrehozása és közzététele csak a jó webhely létrehozásának első lépései. Miután megkezdte a tartalom hozzáadását, frissítenie kell a webhelyet. Miután közzétette a webhelyet az Azure-ban, bármikor frissítheti.