Uw App-project voor Visual Studio verkennen

  • 5 minuten

U hebt uw web-app gemaakt en gepubliceerd naar Azure. Maar wat gebeurt er wanneer u wijzigingen wilt aanbrengen? Visual Studio onthoudt waar de app wordt gepubliceerd, waardoor het bijwerken en wijzigen van uw app een proces met twee klikken is.

Projectstructuur verkennen

U hebt een ASP.NET Core-web-app gemaakt in Visual Studio en nu moet u uw website bewerken en aanpassen. Laten we de projectstructuur verkennen om te zien wat Visual Studio heeft gemaakt.

Afhankelijkheden

De map Afhankelijkheden bevat de interne ASP.NET Core-interne functies om uw app actief te maken. Tenzij u specifieke pakketten van derden toevoegt, hoeft u niet veel tijd door te brengen in deze map.

Eigenschappen

De map Eigenschappen bevat configuratiegegevens voor waar u uw web-app host. Als u de map PublishProfiles nu uitvouwt, ziet u de URL voor de site van Alpine Ski Hill. Elk publicatieprofiel is een XML-bestand met de configuratiegegevens voor de publicatie, zoals het Azure-adres dat door Visual Studio wordt gebruikt om uw bestanden te uploaden.

wwwroot

Het wwwroot-bestand bevat al uw statische assets voor uw site, zoals de css-, js-, afbeeldingen- en lib-bestanden. Wanneer u klaar bent om stijl te geven en meer functionaliteit aan uw site toe te voegen, werkt u hier.

Pagina's

De map Pagina's bevat Razor-sjablonen voor de pagina's van uw site. Razor is een opmaaksyntaxis voor het insluiten van servercode in ASP.NET webpagina's. Het bevat HTML en heeft speciale conventies voor het weergeven van gegevens en het uitvoeren van logica op uw site.

Elke pagina van uw site wordt door twee codebestanden weergegeven:

  • Een .cshtml bestand, dat het Razor-opmaakbestand is. Dit bestand bevat uw weergave-HTML en een aantal C#-logica.

  • Een .cs bestand, dat de C#-code achter de klasse over neemt PageModel . Met dit bestand kunt u HTTP-aanvragen onderscheppen en enige verwerking op die aanvraag uitvoeren voordat u gegevens doorgeeft aan het Razor-bestand.

appsetting.json

Dit is een configuratiebestand voor ASP.NET Core.

Program.cs

Het Program.cs-bestand configureert en start de webhost voor uw site.

Inleiding tot Razor-sjablonen

We willen enkele basiswijzigingen aanbrengen in onze website. U moet basiskennis hebben van het gebruik van Razor-sjablonen om uw web-app aan te passen.

Wat is Razor?

Razor is een ASP.NET-syntaxis die wordt gebruikt om dynamische webpagina's te maken met C#. Wanneer een server een Razor-pagina leest, wordt de C#-code uitgevoerd voordat de HTML wordt weergegeven. Hierdoor kunt u snel dynamische inhoud genereren.

Razor maakt gebruik van @-instructies, zodat ASP.NET weet hoe een pagina moet worden verwerkt.

Laten we eens kijken naar de code op de Privacy.cshtml-pagina:

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

<p>Use this page to detail your site's privacy policy.</p>
  • De @page-instructie vertelt ASP.NET om het bestand als een Razor-pagina te verwerken.
  • De @model-instructie vertelt ASP.NET om deze Razor-pagina te verbinden aan een C#-klasse met de naam PrivacyModel.

Razor gebruikt ook het symbool @ om te schakelen tussen code en HTML. Als u naar het voorgaande fragment kijkt, ziet u @{ ... }. Dit is een Razor-codeblok dat wordt uitgevoerd maar niet wordt weergegeven.

Voor het weergeven van de uitvoer van een code-instructie, gebruikt u de @ vóór een C#-expressie. Er is een voorbeeld in het voorgaande codeblok in de <h1> tag.

Het maken en publiceren van een website zijn slechts de eerste stappen voor het maken van een goede website. Als u inhoud gaat toevoegen, moet u de site bijwerken. Zodra u uw site naar Azure hebt gepubliceerd, kunt u deze op elk gewenst moment bijwerken.