Eksplorowanie projektu aplikacji programu Visual Studio

  • 5 min

Aplikacja internetowa została pomyślnie utworzona i opublikowana na platformie Azure. Ale co się stanie, gdy chcesz wprowadzić zmiany? Program Visual Studio zapamiętuje miejsce publikowania aplikacji, co sprawia, że aktualizowanie i zmienianie aplikacji jest procesem dwukrotnego kliknięcia.

Eksplorowanie struktury projektu

Utworzono aplikację internetową platformy ASP.NET Core w programie Visual Studio, a teraz musisz edytować i dostosowywać witrynę internetową. Przyjrzyjmy się strukturze projektu, aby zobaczyć, co utworzono w programie Visual Studio.

Zależności

Folder Dependencies zawiera wewnętrzne elementy ASP.NET Core w celu uruchomienia aplikacji. Jeśli nie dodasz określonych pakietów innych firm, nie musisz poświęcać dużo czasu na ten folder.

Właściwości

Folder Properties zawiera dane konfiguracyjne dotyczące lokalizacji, w której hostujesz aplikację internetową. Po rozwinięciu folderu PublishProfiles powinien być widoczny adres URL witryny Alpine Ski Hill. Każdy profil publikowania jest plikiem XML zawierającym informacje dotyczące konfiguracji publikowania, takie jak adres platformy Azure, którego program Visual Studio używa do przekazywania plików.

wwwroot

Plik wwwroot zawiera wszystkie statyczne zasoby witryny, takie jak pliki css, js, images i lib. Gdy wszystko będzie gotowe do stylu i dodanie większej funkcjonalności do witryny, będziesz pracować tutaj.

Strony

Folder Pages zawiera szablony Razor dla stron witryny. Razor to składnia znaczników umożliwiająca osadzanie kodu serwera na stronach internetowych ASP.NET. Zawiera kod HTML i ma specjalne konwencje wyświetlania danych i wykonywania logiki w witrynie.

Każda strona w witrynie jest reprezentowana przez dwa pliki kodu:

  • .cshtml Plik, który jest plikiem znaczników Razor. Ten plik zawiera wyświetlany kod HTML i logikę języka C#.

  • .cs Plik, który jest kodem języka C#, który dziedziczy z PageModel klasy . Ten plik umożliwia przechwycenie żądań HTTP i wykonanie przetwarzania na tym żądaniu przed przekazaniem danych do pliku Razor.

appsetting.json

Jest to plik konfiguracji platformy ASP.NET Core.

Program.cs

Plik Program.cs konfiguruje i uruchamia hosta internetowego dla witryny.

Wprowadzenie do szablonów składni Razor

Chcemy wprowadzić pewne podstawowe zmiany w naszej witrynie internetowej. Musisz mieć podstawową wiedzę na temat sposobu dostosowywania aplikacji internetowej przy użyciu szablonów Razor.

Co to jest składnia Razor?

Razor to składnia platformy ASP.NET używana do tworzenia dynamicznych stron internetowych w języku C#. Gdy serwer odczytuje stronę Razor, kod języka C# jest uruchamiany przed renderowaniem kodu HTML. Dzięki temu można szybko wygenerować zawartość dynamiczną.

Składnia Razor używa dyrektyw @ w celu przekazania platformie ASP.NET instrukcji dotyczących przetwarzania strony.

Spójrzmy na przykład na kod strony Privacy.cshtml:

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

<p>Use this page to detail your site's privacy policy.</p>
  • Dyrektywa @page informuje platformę ASP.NET o konieczności przetworzenia tego pliku jako strony ze składnią Razor.
  • Dyrektywa @model informuje platformę ASP.NET o konieczności powiązania tej strony Razor za pomocą klasy języka C# o nazwie PrivacyModel.

Składnia Razor używa również symbolu @ na potrzeby przejścia między kodem a językiem HTML. Jeśli popatrzysz na poprzedni fragment kodu, zauważysz tekst @{ ... }. Jest to blok kodu Razor, który jest wykonywany, ale nie renderowany.

Aby wyrenderować dane wyjściowe instrukcji kodu, przed wyrażeniem języka C# użyj symbolu @. W poprzednim bloku kodu w tagu <h1> znajduje się przykład.

Tworzenie i publikowanie witryny internetowej to tylko pierwsze kroki procesu tworzenia dobrej witryny internetowej. Po rozpoczęciu dodawania zawartości trzeba będzie zaktualizować witrynę. Po opublikowaniu witryny na platformie Azure możesz ją zaktualizować w dowolnym momencie.