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 zostać wyświetlony adres URL witryny Alpine Ski Hill. Każdy profil publikowania to plik XML zawierający informacje o konfiguracji publikowania, taki jak adres platformy Azure używany przez program Visual Studio 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 z dwoma plikami 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 ASP.NET Core.

Program.cs

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

Wprowadzenie do szablonów 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 Razor?

Razor to składnia 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. Umożliwia to szybkie generowanie zawartości dynamicznej.

Razor używa @ dyrektyw, aby poinformować ASP.NET, jak przetwarzać stronę.

Przyjrzyj się na przykład kodowi na Privacy.cshtml stronie:

@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 ASP.NET o przetworzeniu tego pliku jako strony Razor.
  • Dyrektywa @model informuje ASP.NET o połączeniu tej strony Razor z klasą języka C# o nazwie PrivacyModel.

Razor używa również symbolu @ do przejścia między kodem a kodem HTML. Jeśli spojrzysz na powyższy fragment kodu, zauważysz @{ ... }wartość . Jest to blok kodu Razor, który jest wykonywany, ale nie renderowany.

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

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