Ознакомление с проектом приложения Visual Studio

  • 5 мин

Вы успешно создали веб-приложение и опубликовали его в Azure. Но что происходит, когда вы хотите внести изменения? Visual Studio запоминает, где публикуется приложение, что позволяет позднее обновить и изменить его без лишних усилий.

Изучение структуры проекта

Вы создали веб-приложение ASP.NET Core в Visual Studio, а теперь переходим к изменению и настройке веб-сайта. Для начала рассмотрим структуру проекта и разберемся, что создала среда Visual Studio.

Зависимости

Папка зависимостей содержит внутренние элементы ASP.NET Core для получения и запуска приложения. Если вы не добавляли пакеты сторонних производителей, в этой папке нам делать нечего.

Свойства

Папка "Свойства" содержит данные конфигурации для размещения веб-приложения. Если развернуть здесь папку PublishProfiles, вы увидите URL-адрес сайта горнолыжного курорта. Каждый профиль публикации представляет собой XML-файл с данными о конфигурации публикации, такими как адрес Azure. Эту информацию Visual Studio использует для отправки файлов.

wwwroot

Файл wwwroot содержит все статические ресурсы для вашего сайта, такие как css, js, изображения и lib-файлы. Когда вы будете готовы к стилю и добавлению дополнительных функций на сайт, вы будете работать здесь.

Страницы

Папка Pages содержит шаблоны Razor для страниц веб-сайта. Razor — это синтаксис разметки для внедрения кода сервера в веб-страницы ASP.NET. Он включает HTML и поддерживает специальные соглашения для отображения данных и выполнения логики на веб-сайте.

Каждая страница сайта представлена здесь двумя файлами кода:

  • Файл .cshtml с разметкой Razor. Этот файл содержит отображаемый код HTML и некоторую часть логики на языке C#.

  • Файл .cs с кодом программной части C#, наследующей класс PageModel. Этот файл позволяет перехватывать запросы HTTP и выполнять ограниченную обработку этого запроса перед передачей данных в файл Razor.

appsetting.json

Это файл конфигурации для ASP.NET Core.

Program.cs

Файл Program.cs настраивает и запускает веб-узел для вашего сайта.

Общие сведения о шаблонах Razor

Мы хотим внести некоторые основные изменения на наш веб-сайт. Для этого нам потребуется базовое представление о шаблонах Razor и их использовании для настройки веб-приложений.

Что такое Razor?

Razor — это специальный синтаксис для ASP.NET, который позволяет создавать динамические веб-страницы с помощью C#. Когда сервер считывает страницу Razor, код C# запускается перед отрисовкой HTML. Это позволяет быстро создавать динамическое содержимое.

Razor использует директивы @, которые определяют способ обработки страницы в ASP.NET.

Взгляните на этот пример кода для страницы 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>
  • Директива @page сообщает ASP.NET о том, что этот файл нужно обрабатывать как страницу Razor.
  • Директива @model сообщает ASP.NET, что эту страницу Razor нужно связать с классом C#, который называется PrivacyModel.

Также Razor использует символ @, который обозначает переход между кодом и разметкой HTML. В предшествующем фрагменте кода можно заметить использование @{ ... }. Это блок кода Razor, который выполняется, но не отображается.

Чтобы отобразить данные, возвращаемые включенным в код выражением C#, перед этим выражением следует поставить @. Пример этого в приведенном выше фрагменте кода можно найти в теге <h1>.

Создание и публикация — это только первые шаги на пути к хорошему веб-сайту. Вам необходимо обновлять сайт, чтобы добавлять к нему новое содержимое. После публикации веб-сайта в Azure вы сможете в любое время обновить его.