Язык программирования C#9 и платформа .NET5

Троелсен Эндрю

<span asp-validation-for="PetName" class="text-danger"></span>

</div>

<div class="form-group">

<label asp-for="MakeId" class="col-form-label"></label>

<select asp-for="MakeId" class="form-control" asp-items="ViewBag.MakeId"></select>

</div>

<div class="form-group">

<label asp-for="Color" class="col-form-label"></label>

<input asp-for="Color" class="form-control"/>

<span asp-validation-for="Color" class="text-danger"></span>

</div>

Эти

вспомогательные функции дескрипторов будут отображать ошибки модели, возникшие во время привязки и проверки достоверности, как показано на рис. 31.3.

< image l:href="#"/>

Вспомогательная функция дескриптора для среды

Вспомогательная функция дескриптора для среды (

<environment>

) обычно используется для условной загрузки файлов JavaScript и CSS (или подходящей разметки) на основе среды, в которой запущен сайт. Откройте частичное представление

_Head.cshtml

и модифицируйте разметку следующим образом:

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>@ViewData["Title"] - AutoLot.Mvc</title>

<environment include="Development">

<link rel="stylesheet" href="#" />

</environment>

<environment exclude="Development">

<link rel="stylesheet" href="#" />

</environment>

<link rel="stylesheet" href="#" />

В первой вспомогательной функции дескриптора для среды применяется атрибут

include="Development"

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

Development

. В таком случае загружается неминифицированная версия Bootstrap. Во второй вспомогательной функции дескриптора для среды используется атрибут

exclude="Development"

, чтобы задействовать содержащиеся файлы, когда среда отличается от

Development

. В таком случае загружается минифицированная версия Bootstrap. Файл

site.css

остается тем же самым в среде

Development

и других средах, поэтому он загружается за пределами вспомогательной функции дескриптора для среды.

Теперь модифицируйте частичное представление

_JavaScriptFiles.cshtml

, как показано ниже (обратите внимание, что файлы в разделе

Development

больше не имеют

расширения

.min

):

<environment include="Development">

<script src="~/lib/jquery/dist/jquery.js"></script>

<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.js"></script>

</environment>

<environment exclude="Development">

<script src="~/lib/jquery/dist/jquery.min.js"></script>

<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

</environment>

<script src="~/js/site.js" asp-append-version="true"></script>

Вспомогательная функция дескриптора для ссылки

Вспомогательная функция дескриптора для ссылки (

<link>

) имеет атрибуты, применяемые с локальными и удаленными файлами. Атрибут

asp-append-version

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

bootstrap.css

и

site.css

в файле

_Head.cshtml

следующим образом:

<environment include="Development">

<link rel="stylesheet" href="#"

asp-append-

version="true"/>

</environment>

<environment exclude="Development">

<link rel="stylesheet" href="#" />

</environment>

<link rel="stylesheet" href="#" asp-append-version="true"/>

Ссылка, отправляемая браузеру для файла

site.css

, теперь выглядит так (ваше хеш-значение будет другим):

<link href="#"

rel="stylesheet">

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

<environment exclude="Development">

в файле

_Head.cshtml

, как показано ниже: