A Visual Studio App Project felfedezése
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ólPageModel
ö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.