Как мы уже определили, компоненты Blazor — это самодостаточные элементы, которые могут содержать в себе в том числе и определенные свойства (параметры), отвечающие, например, за то, как будет отрисовываться компонент в окне браузера. Сегодня рассмотрим то, как можно передавать различные параметры компонентам Blazor.
blazor
Маршрутизация в ASP.NET Core Blazor
Маршрутизация в ASP.NET Core — это процесс сопоставление запроса с конкретным адресом внутри приложения. Система маршрутизации в приложениях Blazor начинается с указания базового пути приложения и компонента Router, расположенного, в свою очередь, в главном компонента приложения — App.
Многократное использование компонентов Blazor
Как мы уже знаем, логика компонентов Blazor компилируется в классы .NET. Соответственно, и относится к компонентам Blazor мы с вами можем точно так же, как и к любым компонентам платформы .NET, то есть: мы можем создавать повторно используемые компоненты Blazor, переносить компоненты из проекта в проект, определять для компонентов свойства, методы, события и так далее.
Основы Razor
Для дальнейшей работы с Blazor нам необходимо немного подробнее ознакомиться с тем, что из себя представляет язык разметки Razor, который мы уже неоднократно видели и использовали при создании своего компонента Blazor.
Razor — это легкий язык разметки, основанный на HTML и C#. С помощью Razor мы можем легко переходить от HTML-разметки к коду на C# для того, чтобы определить логику рендеринга компонентов Blazor. Когда файл .razor компилируется, то вся логика рендеринга собирается в класс .NET, а имя скомпилированного класса берется из имени файла .razor (поэтому и название этого файла должно начинаться с заглавной буквы).
Компоненты Blazor
Сегодня рассмотрим, что из себя представляют компоненты Blazor, а также попробуем написать свой собственный компонент Blazor для нашего приложения.
Структура проекта ASP.NET Core Blazor Server
В прошлой части мы настроили VS Code для комфортной работы с Blazor, а также создали наше первое приложения типа «Hello, world». Сегодня мы более подробно рассмотрим структуру проекта Blazor Server.
Первое приложение Blazor Server в VS Code
Visual Studio — это замечательная IDE с массой возможностей для разработчиков, однако, для web-разработчиков не менее качественным, быстрым и удобным является инструмент от Microsoft под названием Visual Studio Code или просто — VS Code. И сегодня мы настроим VS Code для работы с C# и создадим своё первое приложение Blazor Server.