G
enby!

09 Введение в Blazor на .NET 6, обзор файлов проекта Blazor Server

В этом видео, мы сделаем краткий обзор файлов и папок, которые показаны в обозревателе решения. Некоторые названия файлов и папок, совпадают с таковыми из приложений на ASP.NET Core, с архитектурами MVC или Razor-Page, в .NET 6 или в более ранних версиях. После создания проекта из шаблона, автоматически генерируется файл, с названием самого проекта, и некоторым содержимым. Внутри файла, содержатся основные настройки, такие как версия .NET, или использование возможности, определения Nullable - объектов. ImplicitUsings, это нововведение в версии .NET 6, это директива, которая указывает, на возможности использования, различных библиотек по умолчанию, без необходимости указания их в каждом файле, вновь создаваемых классов. Следующая папка, в этом списке, это папка Properties или Свойства, внутри которой, есть файл в формате json, с названием LaunchSettings. В этом файле, уже присутствуют, сгенерированные профили для вариантов запуска проекта, тут есть те же самые разделы, IIS-Express и Kestrel, для которых, указаны детальные настройки профилей, где могут быть явно указаны номера портов и прочие настройки, и для IIS-Express, номера портов и прочие настройки, указаны в блоке с названием IISsettings. По умолчанию, здесь указана среда исполнения, для целей разработки, чтобы можно было получать сообщения, об ошибках, для отладки приложения. Далее есть файл LaunchSettings.json, внутри папки properties. Следующая папка, в списке, это папка wwwroot. Она является корневой папкой вашего приложения, и эта папка, будет отвечать за хранение, всех статических файлов нашего веб-сайта. Так например, в ней будут храниться, файлы стилей CSS, файлы JavaScript, файлы изображений, PDF-файлы, или любые другие статические данные, такие как, страницы с HTML разметкой. Следующая папка в списке, это папка Data или Данные, и в этой папке, уже есть два файла классов. Первый, это файл класса, описывающий объект или модель WeatherForecast, а второй, некий сервис, по формированию случайных данных о погоде, это WeatherForecastService. Внутри этого сервиса, есть метод GetForecastAsync, который просто генерирует и возвращает, некоторые случайные данные. После запуска, на странице есть ссылка FetchData, то здесь, сформирована таблица, со случайными данными прогноза погоды. Основная логика того, как данные извлекаются, и как они отображаются, находится в папке, которая называется Pages или Страницы. Папки Pages и Shared, содержат несколько страниц, с расширением .cshtml, а также, с расширение .razor, которые, являются так называемыми, Razor компонентами. Файлы с расширением .cshtml, это страницы Razor, для архитектур ASP.NET Core MVC, и Razor-Page в .NET Core. Однако новым здесь, являются файлы с расширением .razor, которые появились только в Blazor. Эти файлы, содержат в себе код, Razor-Components. При разработки фреймворка Blazor, в него была добавлена концепция, разделения отдельных частей кода на компоненты. Что позволяет повторно использовать эти части или точнее компоненты. И это очень похоже на некоторые js-фреймворки, такие как Vue, React или Angular. Все эти JavaScript- фреймворки, также имеют Компоненты, которые являются общими, и доступными, на всех страницах веб-сайта. В папке Pages, хранятся все веб-страницы, а в папке Shared, хранятся компоненты, которые являются общими, для всех страниц, как например, панели навигации, и другие универсальные компоненты... Далее, внутри этой папки, есть общий файл-компонент _ImportStart.razor. Он содержит ссылки на пакеты, или ссылки на пространства имён, которые будут неявно добавляться, для доступа из любых страниц Blazor, в приложении. Далее в этой папке Shared, есть файл App.razor, который является главной страницей нашего приложения, c двумя компонентами, для случаев когда данные доступны для заданного маршрута, или недоступны, и в таком случае, здесь генерируется, соответствующее предупреждение, этот компонент, отвечает за глобальную маршрутизацию. Ниже, содержатся два файла, appsettings.json и Program.cs. Внутри appsettings.json, содержатся настройки, для соединений с Базами Данных, и другие приватные данные, для корректной работы приложения. И последний файл, это Program.cs. Это основной файл Приложения, который фактически вызывает, или запускает Приложение. Скидка на курс по Blazor часть 1 https://www.udemy.com/course/blazor_i...
Скидка на курс по Blazor часть 2 https://www.udemy.com/course/blazor-s...
*При подписке по ссылкам, дополнительная поддержка в Discord

Смотрите также