Erkunden des Visual Studio-App-Projekts

  • 5 Minuten

Sie haben Ihre Web-App erfolgreich erstellt und in Azure veröffentlicht. Doch was geschieht, wenn Sie Änderungen vornehmen möchten? Visual Studio merkt sich, wo die App veröffentlicht wird. So können Sie Ihre App mit nur zwei Klicks aktualisieren und ändern.

Erkunden der Projektstruktur

Sie haben eine ASP.NET Core-Web-App in Visual Studio erstellt und müssen nun Ihre Website bearbeiten und anpassen. Sehen Sie sich die Projektstruktur an, um zu sehen, was Visual Studio erstellt hat.

Abhängigkeiten

Der Ordner Dependencies (Abhängigkeiten) enthält die ASP.NET Core-Konfigurationen, die benötigt werden, um Ihre App in Betrieb zu nehmen. Diesen Ordner werden Sie nicht so häufig verwenden, es sei denn, Sie fügen bestimmte Pakete von Drittanbietern hinzu.

Eigenschaften

Der Ordner Properties (Eigenschaften) enthält die Konfigurationsdaten für den Speicherort, in dem Sie Ihre Web-App hosten. Wenn Sie nun den Ordner PublishProfiles erweitern, sollten Sie die URL der Alpine Ski Hill-Website sehen. Veröffentlichungsprofile bestehen aus einer XML-Datei, die Konfigurationsinformationen zur Veröffentlichung enthält (z.B. die Azure-Adresse), anhand derer Visual Studio Ihre Dateien hochlädt.

wwwroot

Die Datei wwwroot enthält alle statischen Ressourcen für Ihre Website, z. B. die CSS-, JS-, Bild- und LIB-Dateien. Diese benötigen Sie, wenn Sie Formatierungsarbeiten vornehmen und weitere Funktionen zu Ihrer Website hinzufügen möchten.

Seiten

Der Ordner Pages (Seiten) hat Razor-Vorlagen für die Seiten Ihrer Website. Razor ist eine Markupsyntax zum Einbetten von Servercode in ASP.NET-Webseiten. Sie enthält HTML und verfügt über spezielle Konventionen zum Anzeigen von Daten und zum Ausführen von Logik auf Ihrer Website.

Jede Seite auf Ihrer Website wird durch zwei Codedateien dargestellt:

  • Eine .cshtml-Datei, bei der es sich um die Razor-Markupdatei handelt. Diese Datei enthält Ihre Logik zur HTML-Darstellung und C#-Logik.

  • Eine .cs-Datei, bei der es sich um das C#-CodeBehind handelt, das von der Klasse PageModel erbt. Mit dieser Datei können Sie HTTP-Anforderungen abfangen und diese Anforderungen verarbeiten, bevor Sie Daten an die Razor-Datei übergeben.

appsetting.json

Dies ist eine Konfigurationsdatei für ASP.NET Core.

Program.cs

Die Datei Program.cs konfiguriert und startet den Webhost für Ihre Website.

Einführung in Razor-Vorlagen

Im Folgenden werden einige grundlegende Änderungen an der Website vorgenommen. Sie benötigen grundlegende Kenntnisse darüber, wie Sie Razor-Vorlagen nutzen können, um Ihre Web-App anzupassen.

Was ist Razor?

Razor ist eine ASP.NET-Syntax zum Erstellen dynamischer Webseiten mit C#. Wenn ein Server eine Razor-Seite liest, wird der C#-Code ausgeführt, bevor er die HTML-Seite rendert. So können Sie schnell dynamische Inhalte generieren.

Razor verwendet @-Anweisungen für die Verarbeitung einer Seite mit ASP.NET.

Sehen Sie sich beispielsweise den Code auf der Seite Privacy.cshtml an:

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

<p>Use this page to detail your site's privacy policy.</p>
  • Die @page-Anweisung weist ASP.NET an, diese Datei als Razor-Seite zu verarbeiten.
  • Die @model-Anweisung weist ASP.NET an, diese Razor-Seite mit einer C#-Klasse namens PrivacyModel zu verknüpfen.

Darüber hinaus verwendet Razor das @-Symbol für den Übergang zwischen Code und HTML. Wenn Sie sich den obigen Codeausschnitt ansehen, wird Ihnen @{ ... } auffallen. Dies ist ein Razor-Codeblock, der ausgeführt, aber nicht gerendert wird.

Verwenden Sie @ vor einem C#-Ausdruck, um die Ausgabe einer Codeanweisung zu rendern. Im <h1>-Tag des vorherigen Codeblocks sehen Sie ein Beispiel.

Die Erstellung und Veröffentlichung einer Website stellen lediglich die ersten Schritte bei der Erstellung einer guten Website dar. Fügen Sie Inhalte hinzu, müssen Sie Ihre Website aktualisieren. Nachdem Sie Ihre Website in Azure veröffentlicht haben, können Sie sie jederzeit aktualisieren.