Язык программирования C#9 и платформа .NET5 - Троелсен Эндрю
Шрифт:
Интервал:
Закладка:
<span asp-validation-for="Color" class="text-danger"></span>
</div>
В шаблоне редактирования задействовано несколько вспомогательных функций дескрипторов (asp-for, asp-items, asp-validation-for и asp-validation-summary), которые рассматриваются позже в главе.
Шаблон редактирования Car вызывается с помощью вспомогательных функций HTML, которые называются EditorFor() и EditorForModel(). Подобно шаблонам отображения упомянутые функции будут искать представление с именем Car.cshtml или с таким же именем, как у метода.
Компоновки
По аналогии с мастер-страницами Web Forms в MVC поддерживаются компоновки, которые совместно используются представлениями, чтобы обеспечить согласованный внешний вид страниц сайта. Перейдите в каталог ViewsShared и откройте файл _Layout.cshtml. Это полноценный HTML-файл с дескрипторами <head> и <body>.
Файл _Layout.cshtml является основой, в которую визуализируются другие представления. Кроме того, поскольку большая часть страницы (такая как разметка для навигации и верхнего и/или нижнего колонтитула) поддерживается страницей компоновки, страницы представлений сохраняются небольшими и простыми. Найдите в файле _Layout.cshtml следующую строку кода Razor:
@RenderBody()
Эта строка указывает странице компоновки, где визуализировать представление. Теперь перейдите к строке, расположенной прямо перед закрывающим дескриптором </body>, которая создает новый раздел для компоновки и объявляет его необязательным:
@await RenderSectionAsync("scripts", required: false)
Разделы также могут помечаться как обязательные путем передачи для второго параметра (required) значения true. Вдобавок они могут визуализироваться синхронным образом:
@RenderSection("Header",true)
Любой код и/или разметка в блоке @ section файла представления будет визуализироваться не там, где вызывается @RenderBody(), а в месте определения раздела, присутствующего в компоновке. Например, пусть у вас есть представление со следующей реализацией раздела:
@section Scripts {
<script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
}
Код из представления визуализируется в компоновке на месте определения раздела. Если компоновка содержит показанное ниже определение:
<script src="~/lib/jquery/dist/jquery.min.js"></script>
(window.adrunTag = window.adrunTag || []).push({v: 1, el: 'adrun-4-390', c: 4, b: 390})<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@await RenderSectionAsync("Scripts", required: false)
тогда будет добавлен раздел представления, приводя в результате к отправке браузеру следующей разметки:
<script src="~/lib/jquery/dist/jquery.min.js"></script>
(window.adrunTag = window.adrunTag || []).push({v: 1, el: 'adrun-4-390', c: 4, b: 390})<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
<b><script src="~/lib/jquery-validation/dist/jquery.validate.js"></script></b>
В ASP.NET Core появились два новых метода: IgnoreBody() и IgnoreSection(). В случае помещения внутрь компоновки эти методы отменяют визуализацию тела представления или указанного раздела соответственно. Они позволяют включать или отключать функции представления в компоновке на основе условной логики, такой как уровни безопасности.
Указание стандартной компоновки для представлений
Как упоминалось ранее, стандартная страница компоновки определяется в файле _ViewStart.cshtml. Любое представление, где не указана компоновка, будет использовать компоновку, определенную в первом файле _ViewStart.cshtml, который обнаруживается в каталоге представления или выше него в структуре каталогов.
Частичные представления
Частичные представления концептуально похожи на пользовательские элементы управления в Web Forms. Частичные представления удобны для инкапсуляции пользовательского интерфейса, что помогает сократить объем повторяющегося кода и/или разметки. Частичное представление не задействует компоновку и внедряется внутрь другого представления или визуализируется с помощью компонента представления (рассматривается позже в главе).
Обновление компоновки с использованием частичных представлений
Временами файлы могут становиться большими и громоздкими. Один из способов справиться с такой проблемой предусматривает разбиение компоновки на набор специализированных частичных представлений.
Создание частичных представлений
Создайте внутри каталога Shared новый каталог подназванием Partials и добавьте в него три пустых представления с именами _Head.cshtml, _JavaScriptFiles.cshtml и _Menu.cshtml.
Частичное представление Head
Вырежьте содержимое между дескрипторами <head></head> в компоновке и вставьте его в файл _Head.cshtml:
<meta charset="utf-8" />
