Razor pages что это

Razor Pages

Введение в Razor Pages

Больше всего Razor Pages подходят для создания небольших приложений.

Для начала работы с Razor Pages создадим новый проект ASP.NET Core. При создании проекта укажем шаблон Web Application :

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

После создания проект будет иметь следующую структуру:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

По умолчанию в папке Pages имеются следующие файлы:

_Layout.cshtml : мастер-страница, в которую вставляются страницы Razor

_ViewStart.cshtml : задает мастер-страницу

_ViewImports.cshtml : определяет директивы Razor, которые добавляются на каждую страницу Razor

_ValidationScriptsPartial.cshtml : частичное представление, которое подключает js-скрипты валидации на стороне клиента

Подключение Razor Pages

В действительности Razor Pages работают поверх фреймворка MVC, поэтому мы можем подключить и с помощью метода AddMvc() :

Маршрутизация в RazorPages

Другим важным моментом является маршрутизация или как Razor Pages сопоставляются с запросами. По умолчанию проект с Razor Pages для обработки запросов используется конечные точки, то связку компонентов middleware EndpointMiddleware и EndpointRoutingMiddleware:

В итоге строка запроса URL будет сопоставляться с определенной страницей Razor на основании ее расположения в проекте в папке Pages. Примеры строк URL и сопоставленных с ними страниц:

/Store или /Store/Index

Обработка запросов

Каждая Razor Page фактически представляет комбинацию страницы с кодом Razor и файл с кодом C#. Например, возьмем стандартную страницу Index.cshtml :

С этой страницей связан файл кода Index.cshtml.cs :

Запустим проект на выполнение. Фактически страницы Razor могут обрабатывать запросы так же, как и контроллеры. Например, обратимся к Index.cshtml и для этого введем адрес /Index :

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Поскольку страница Index.cshtml по умолчанию сопоставляется с корнем приложения, то для обращения к ней можно не указывать Index.

Источник

Razor Pages — новая фича, появившаяся в Core.Net 2.0. Razor Page — это страница, состоящая из стандартной разметки (View) и бэкенд класса. В каком то смысле напоминает Web Forms только без поддержки сохранения состояния. Преимущество такого решения очевидно — мы избавляемся от ненужной прослойки — модели страницы (модель данных в виде например Entity это само собой). Бэкенд страницы является и контроллером и моделью — классика ООП — инкапсуляция данных и методов работы с ними в одном объекте. В конце концов модель страницы — это просто класс, нет никаких причин почему этим классом не может быть контроллер.

UpdateModel выполняет непосредственно привязку параметров запроса к свойствам (properties) модели — в данном случае свойствам класса контроллера.

Дополнительное удобство — теперь нет необходимости вообще принимать явно параметры ни типа Model ни какие другие. Хотя ничего не мешает это делать, если параметр — простой id, который будет использовать чисто как локальная переменная, но привязка параметров как свойств контролера необходима например, если нужно обеспечить персистентность страницы, о чем пойдет речь дальше.

У нас есть обычная форма логина с двумя полями.

Приводить разметку нет смысла приведу только код контроллера

Как видим, в момент срабатывания события входные данные уже привязаны и готовы к использованию.

Разумеется, надо иметь ввиду что теперь возвращать как ActionResult тоже нужно контроллер ну и в шаблоне прописать имя класса контролера — типа @Model AccountController.

Как следствие такого решения упрощается и задача сохранения состояния страницы между запросами. Допустим у вас есть страница с некоей таблицей, фильтром сортировкой по столбцам и пагинацией.

Подобные затруднения являются одной из причин SPA и прочего яваскриптового безумия с перетаскиванием логики и данных в браузер с вытекающими из этого тормозами браузера (особенно мобильных девайсах), прыгающими и дергающимися за каждым движением мышки страницами и увеличением трудоемкости и стоимости работ — ведь бэкенд то все равно писать в том или ином виде, упаковывать распаковывать данные пересылаемые через ajax, плюс callbac hell, усложнения отладки и так далее, и все это без практической пользы для посетителей сайта которым нет дела как написана страница.

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

Восстанавливаются параметры из сессии в конструкторе контролера или перед вызовом UpdateModel(this). Когда придет запрос, например сортировки то новые параметры изменятся а остальное останется нетронутым и представление будет отображено в том же виде как было отправлено.

Такое решение имеет еще одно удобство — к примеру, пользователь отсортировал таблицу, и решил какой то элемент отредактировать, открывши для этого другую страницу. Естественно он хочет вернутся в то состояние списка которое оставил а так как состояние страницы у нас в сессии, то страница восстановится автоматически. Нет никакой необходимости, как часто делают, передавать весь «вареник» параметров в страницу редактирования и обратно. Если сохранять состояние между страницами нет необходимости то состояние страницы можно хранить не в сессии а в TempData.

Надеюсь данные «лайфхаки» хоть и выглядят тривиально, будут полезны новичкам пока они не подсмотрели в интернете более неудобных и громоздких решений и решили что других не бывает.

Источник

Использование Razor Pages с Entity Framework Core в ASP.NET Core: руководство 1 из 8

Авторы: Том Дайкстра (Tom Dykstra) и Рик Андерсон (Rick Anderson)

Это первое руководство из серии, посвященной использованию Entity Framework (EF) Core в приложении ASP.NET Core Razor Pages. В учебниках создается веб-сайт для вымышленного университета Contoso. На сайте предусмотрены различные функции, в том числе прием учащихся, создание курсов и назначение преподавателей. В этом руководстве используется подход Code First. См. сведения о работе с этим руководством при использовании подхода Database First в этой проблеме GitHub.

Предварительные требования

Ядра СУБД

В инструкциях для Visual Studio используется SQL Server LocalDB, версия SQL Server Express, которая работает только в Windows.

В инструкциях для Visual Studio Code используется SQLite, кроссплатформенное ядро СУБД.

Если вы решили использовать SQLite, скачайте и установите стороннее средство для управления базой данных SQLite и ее просмотра, например обозреватель базы данных для SQLite.

Устранение неполадок

Если вы столкнулись с проблемой, которую не можете решить, сравните свой код с кодом готового проекта. Чтобы получить помощь, вы можете опубликовать вопрос на веб-сайте StackOverflow.com, используя тег ASP.NET Core или тег EF Core.

Пример приложения

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

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Стиль пользовательского интерфейса для этого сайта основан на встроенных шаблонах проектов. Это руководство посвящено использованию EF Core с ASP.NET Core, а не настройке пользовательского интерфейса.

Создание проекта веб-приложения

В терминале перейдите в папку, в которой следует создать папку проекта.

Выполните следующие команды, чтобы создать проект Razor Pages и перейти ( cd ) в новую папку проекта:

Настройка стиля сайта

Скопируйте следующий код и вставьте его в файл Pages/Shared/_Layout.cshtml:

Файл макета задает заголовок, нижний колонтитул и меню для сайта. Приведенный выше код вносит следующие изменения:

Замените содержимое файла Pages/Index.cshtml следующим кодом:

Приведенный выше код заменяет текст об ASP.NET Core текстом об этом приложении.

Запустите приложение, чтобы проверить правильность отображения домашней страницы.

Модель данных

В следующих разделах создается модель данных.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Учащийся может зарегистрироваться в любом количестве курсов, а в отдельном курсе может быть зарегистрировано любое количество учащихся.

Сущность Student

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Создайте папку Models (Модели) в папке проекта.

Создайте файл Models/Student.cs со следующим кодом:

В базе данных строка Enrollment связана со строкой Student, если ее столбец StudentID содержит идентификатор учащегося. Например, предположим, что строка Student содержит идентификатор 1. Связанные строки Enrollment будут содержать значение StudentID (идентификатор учащегося), равное 1. StudentID — это внешний ключ в таблице Enrollment.

Сущность Enrollment

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Создайте файл Models/Enrollment.cs со следующим кодом:

EF Core воспринимает свойство как внешний ключ, если он имеет имя

Источник

Учебник. Начало работы с Razor Pages в ASP.NET Core

Автор: Рик Андерсон (Rick Anderson)

В этом первом руководстве серии приводятся основные сведения о веб-приложении Razor Pages в ASP.NET Core.

Дополнительные сведения, предназначенные для разработчиков, которые знакомы с контроллерами и представлениями, см. в статье Введение в Razor Pages.

Если вы новичок в разработке на ASP.NET Core и не знаете, какое вам подойдет решение для пользовательского веб-интерфейса, см. статью Выбор пользовательского интерфейса ASP.NET Core.

Пройдя всю серию, вы получите приложение, которое управляет базой данных фильмов.

В этом учебнике рассмотрены следующие задачи.

Пройдя это руководство, вы получите рабочее веб-приложение Razor Pages, улучшение которого описано в последующих руководствах.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Предварительные требования

Создание веб-приложения Razor Pages

Запустите Visual Studio и щелкните Создать проект Дополнительные сведения см. в статье Создание проекта в Visual Studio.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В диалоговом окне Создать проект выберите Веб-приложение ASP.NET Core и нажмите Далее.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В диалоговом окне Настроить новый проект введите RazorPagesMovie в поле Имя проекта. Важно присвоить проекту имя RazorPagesMovie, включая сопоставление регистра букв, чтобы пространство имени соответствовало при копировании и вставке примера кода.

Нажмите кнопку создания.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В диалоговом окне Создайте веб-приложение ASP.NET Core сделайте следующее:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Создается следующий начальный проект:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выполните следующие команды:

Щелкните Файл > Новое решение.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В версии Visual Studio для Mac, предшествующей 8.6, последовательно выберите .NET Core > Приложение > Веб-приложение > Далее. В версии 8.6 или более поздней последовательно выберите Интернет и консоль > Приложение > Веб-приложение > Далее.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В диалоговом окне Configure the new Web Application (Настройка нового веб-приложения):

Укажите название проекта RazorPagesMovie и нажмите кнопку Создать.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Запуск приложения

Нажмите клавиши CTRL+F5, чтобы выполнить запуск без отладчика.

Visual Studio отображает следующее диалоговое окно, если проект еще не настроен для использования SSL:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, чтобы сделать SSL-сертификат IIS Express доверенным.

Отобразится следующее диалоговое окно.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, если согласны доверять сертификату разработки.

Настройте доверие сертификату разработки HTTPS с помощью следующей команды:

Предыдущая команда не работает в Linux. Сведения о настройке доверия к сертификату см. в документации по вашему дистрибутиву Linux.

Приведенная выше команда отображает следующее диалоговое окно, если сертификат не был ранее доверенным:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, если согласны доверять сертификату разработки.

Нажмите клавиши CTRL-F5, чтобы выполнить запуск без отладчика.

Выберите Выполнить > Запуск без отладки, чтобы запустить приложение.

Visual Studio для Mac:

В Visual Studio для Mac отображается следующее всплывающее окно:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, если вы доверяете сертификату разработки.

Отобразится следующее диалоговое окно.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Введите пароль и нажмите кнопку ОК.

Выберите Да, если согласны доверять сертификату разработки.

Чтобы выполнить запуск без отладчика, нажмите клавиши OPT+CMD+RETURN в Visual Studio. Вы также можете в строке меню выбрать Запуск > Запуск без отладки.

Анализ файлов проекта

Ниже приведен обзор основных папок и файлов проекта, с которыми вы будете работать в последующих учебниках.

Папка Pages

Содержит страницы Razor и вспомогательные файлы. Каждая страница Razor — это пара файлов.

Имена вспомогательных файлов начинаются с символа подчеркивания. Например, файл _Layout.cshtml настраивает элементы пользовательского интерфейса, общие для всех страниц. Этот файл настраивает меню навигации в верхней части страницы и уведомление об авторских правах в нижней части страницы. Для получения дополнительной информации см. Макет в ASP.NET Core.

Папка wwwroot

Содержит статические ресурсы, такие как HTML-файлы, файлы JavaScript и CSS-файлы. Для получения дополнительной информации см. Статические файлы в ASP.NET Core.

appsettings.json

Program.cs

Startup.cs

содержит код, задающий поведение приложения. Для получения дополнительной информации см. Запуск приложения в ASP.NET Core.

Устранение неполадок с завершенным примером

Если вы столкнулись с проблемой, которую не можете решить, сравните свой код с кодом готового проекта. Просмотрите или скачайте завершенный проект (порядок загрузки).

Дальнейшие действия

В этом первом руководстве серии приводятся основные сведения о веб-приложении Razor Pages в ASP.NET Core.

Дополнительные сведения, предназначенные для разработчиков, которые знакомы с контроллерами и представлениями, см. в статье Введение в Razor Pages.

Пройдя всю серию, вы получите приложение, которое управляет базой данных фильмов.

В этом учебнике рассмотрены следующие задачи.

Пройдя это руководство, вы получите рабочее веб-приложение Razor Pages, сборка которого описана в последующих руководствах.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Предварительные требования

Visual Studio 2019 16.4 или более поздней версии с рабочей нагрузкой ASP.NET и разработка веб-приложений

Создание веб-приложения Razor Pages

В Visual Studio в меню Файл щелкните Создать > Проект.

Создайте веб-приложение ASP.NET Core и нажмите кнопку Далее. Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Присвойте проекту имя RazorPagesMovie. Очень важно, чтобы проект имел имя RazorPagesMovie, так как пространства имен при копировании и вставке кода должны совпасть. Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите в раскрывающемся списке пункт ASP.NET Core 3.1, затем — Веб-приложение и нажмите кнопку Создать.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Создается следующий начальный проект:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выполните следующие команды:

Когда значок строки состояния OmniSharp станет зеленым, появится диалоговое окно с предупреждением В RazorPagesMovie отсутствуют необходимые ресурсы для сборки и отладки. Добавить их? Выберите ответ Да.

Каталог .vscode, содержащий файлы launch.json и tasks.json, добавляется в корневой каталог проекта.

Если Visual Studio Code не предлагает возможность автоматического добавления ресурсов, см. руководство по операционной системе Linux здесь: Инструменты для Blazor ASP.NET Core.

Щелкните Файл > Новое решение.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В версии Visual Studio для Mac, предшествующей 8.6, последовательно выберите .NET Core > Приложение > Веб-приложение > Далее. В версии 8.6 или более поздней последовательно выберите Интернет и консоль > Приложение > Веб-приложение > Далее.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В диалоговом окне Configure the new Web Application (Настройка нового веб-приложения):

Выберите Далее.

Присвойте проекту имя RazorPagesMovie и нажмите Создать.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Запуск приложения

Нажмите клавиши CTRL+F5, чтобы выполнить запуск без отладчика.

Visual Studio отображает следующее диалоговое окно, если проект еще не настроен для использования SSL:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, чтобы сделать SSL-сертификат IIS Express доверенным.

Отобразится следующее диалоговое окно.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, если согласны доверять сертификату разработки.

Настройте доверие сертификату разработки HTTPS с помощью следующей команды:

Предыдущая команда не работает в Linux. Сведения о настройке доверия к сертификату см. в документации по вашему дистрибутиву Linux.

Приведенная выше команда отображает следующее диалоговое окно, если сертификат не был ранее доверенным:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, если согласны доверять сертификату разработки.

Нажмите клавиши CTRL-F5, чтобы выполнить запуск без отладчика.

Выберите Выполнить > Запуск без отладки, чтобы запустить приложение.

Visual Studio для Mac:

В Visual Studio для Mac отображается следующее всплывающее окно:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, если вы доверяете сертификату разработки.

Отобразится следующее диалоговое окно.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Введите пароль и нажмите кнопку ОК.

Выберите Да, если согласны доверять сертификату разработки.

Чтобы выполнить запуск без отладчика, нажмите клавиши OPT+CMD+RETURN в Visual Studio. Вы также можете в строке меню выбрать Запуск > Запуск без отладки.

Анализ файлов проекта

Ниже приведен обзор основных папок и файлов проекта, с которыми вы будете работать в последующих учебниках.

Папка Pages

Содержит страницы Razor и вспомогательные файлы. Каждая страница Razor — это пара файлов.

Имена вспомогательных файлов начинаются с символа подчеркивания. Например, файл _Layout.cshtml настраивает элементы пользовательского интерфейса, общие для всех страниц. Этот файл настраивает меню навигации в верхней части страницы и уведомление об авторских правах в нижней части страницы. Для получения дополнительной информации см. Макет в ASP.NET Core.

Папка wwwroot

Содержит статические файлы, такие как HTML-файлы, файлы JavaScript и CSS-файлы. Для получения дополнительной информации см. Статические файлы в ASP.NET Core.

appSettings.json

Program.cs

Startup.cs

содержит код, задающий поведение приложения. Для получения дополнительной информации см. Запуск приложения в ASP.NET Core.

Следующие шаги

В этом первом руководстве серии приводятся основные сведения о веб-приложении Razor Pages в ASP.NET Core.

Дополнительные сведения, предназначенные для разработчиков, которые знакомы с контроллерами и представлениями, см. в статье Введение в Razor Pages.

Если вы новичок в разработке на ASP.NET Core и не знаете, какое вам подойдет решение для пользовательского веб-интерфейса, см. статью Выбор пользовательского интерфейса ASP.NET Core.

Пройдя всю серию, вы получите приложение, которое управляет базой данных фильмов.

В этом учебнике рассмотрены следующие задачи.

Пройдя это руководство, вы получите рабочее веб-приложение Razor Pages, улучшение которого описано в последующих руководствах.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Предварительные требования

Мы надеемся получить Visual Studio для Mac в ближайшее время.

Создание веб-приложения Razor Pages

Запустите Visual Studio 2022 и нажмите Создать проект.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В диалоговом окне Создать проект выберите Веб-приложение ASP.NET Core и нажмите Далее.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В диалоговом окне Настроить новый проект введите RazorPagesMovie в поле Имя проекта. Важно присвоить проекту имя RazorPagesMovie, включая сопоставление регистра букв, чтобы пространство имени соответствовало при копировании и вставке примера кода.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Далее.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Создается следующий начальный проект:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выполните следующие команды:

В Visual Studio Code отобразится диалоговое окно с запросом о доверии авторам файлов в этой папке. Выберите

Команда dotnet new создает новый проект Razor Pages в папке RazorPagesMovie.

Команда code открывает папку RazorPagesMovie в текущем экземпляре Visual Studio Code.

Щелкните Файл > Новое решение.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В Visual Studio 2022 для Mac выберите Web and Console (Интернет и консоль) > Приложение > Веб-приложение > Продолжить.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

В диалоговом окне Настройка нового веб-приложения сделайте следующее:

Выберите Continue (Продолжить).

Назовите проект RazorPagesMovie и выберите Продолжить.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Запуск приложения

Выберите RazorPagesMovie в Обозревателе решений и нажмите клавиши CTRL + F5, чтобы выполнить запуск без отладчика.

Visual Studio отображает следующее диалоговое окно, если проект еще не настроен для использования SSL:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, чтобы сделать SSL-сертификат IIS Express доверенным.

Отобразится следующее диалоговое окно.

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, если согласны доверять сертификату разработки.

Настройте доверие сертификату разработки HTTPS с помощью следующей команды:

Предыдущая команда не работает в Linux. Сведения о настройке доверия к сертификату см. в документации по вашему дистрибутиву Linux.

Приведенная выше команда отображает следующее диалоговое окно, если сертификат не был ранее доверенным:

Razor pages что это. Смотреть фото Razor pages что это. Смотреть картинку Razor pages что это. Картинка про Razor pages что это. Фото Razor pages что это

Выберите Да, если согласны доверять сертификату разработки.

в Visual Studio Code нажмите клавиши CTRL + F5, чтобы запустить приложение. В командной строке Выбор среды выберите .NET Core.

Запустится браузер по умолчанию со следующим URL-адресом: https://localhost:5001

Выберите Выполнить > Начать отладку, чтобы запустить приложение. Visual Studio для Mac запустит браузер и перейдет к https://localhost:

— это номер порта, выбранный случайным образом.

Анализ файлов проекта

В разделах ниже приведен обзор основных папок и файлов проекта, с которыми вы будете работать в последующих учебниках.

Папка Pages

Содержит страницы Razor и вспомогательные файлы. Каждая страница Razor — это пара файлов.

Имена вспомогательных файлов начинаются с символа подчеркивания. Например, файл _Layout.cshtml настраивает элементы пользовательского интерфейса, общие для всех страниц. Этот файл настраивает меню навигации в верхней части страницы и уведомление об авторских правах в нижней части страницы. Для получения дополнительной информации см. Макет в ASP.NET Core.

Папка wwwroot

Содержит статические ресурсы, такие как HTML-файлы, файлы JavaScript и CSS-файлы. Для получения дополнительной информации см. Статические файлы в ASP.NET Core.

appsettings.json

Program.cs

Содержит следующий код:

В следующих строках кода в этом файле создается объект WebApplicationBuilder с предварительно настроенными значениями по умолчанию, добавляется поддержка Razor Pages в контейнер внедрения зависимостей (DI) и выполняется сборка приложения.

Следующий выделенный код включает страницу со сведениями об исключении для разработчика при выполнении приложения в режиме разработки:

Страница со сведениями об исключении для разработчика содержит полезную информацию об исключениях. Рабочие приложения не следует запускать в режиме разработки, поскольку на странице со сведениями об исключении для разработчика может находиться конфиденциальная информация.

Следующий выделенный код задает для конечной точки исключения /Error и включает протокол HSTS, если приложение не запущено в режиме разработки:

Например, приведенный выше код выполняется, когда приложение находится в рабочем или тестовом режиме. Дополнительные сведения см. в статье Использование нескольких сред в ASP.NET Core.

Следующий код включает различное ПО промежуточного слоя:

Устранение неполадок с завершенным примером

Если вы столкнулись с проблемой, которую не можете решить, сравните свой код с кодом готового проекта. Просмотрите или скачайте завершенный проект (порядок загрузки).

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *