Введение

  • 3 мин

Шаблон модели —View-ViewModel (MVVM) — это шаблон проектирования программного обеспечения. Конструктивные шаблоны представляют собой наборы правил и шаблонов, которые способствуют созданию более качественного и согласованного кода. С помощью шаблона MVVM можно отделить логику поведения приложения от кода отрисовки пользовательского интерфейса так, чтобы упростить модульное тестирование.

Пример сценария

Предположим, вы работаете в организации, разрабатывающей программное обеспечение для управления, используемое в отделах кадров. Сотрудники отдела кадров применяют это ПО для просмотра и контроля сведений о работниках организации. Существующая система работает через Интернет. Вас попросили создать мобильное приложение, которое поддерживает те же серверные API, что и веб-система. Вы знаете, что серверные API и веб-интерфейс проходят всестороннее модульное тестирование, и хотите перенести этот стандарт в мобильное приложение. Вы слышали, что для проектирования мобильных приложений, поддерживающих максимальный уровень тестирования, может быть удобен шаблон MVVM, и планируете опробовать его.

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

В этом модуле вы узнаете о частях шаблона MVVM и обязанностях модели, представления и представления. Затем вы пишете код в режиме просмотра, который обрабатывает поведение приложения таким образом, который изолирован от библиотек пользовательского интерфейса (даже от самого .NET MAUI).

Что вы узнаете

В этом модуле рассматриваются следующие темы:

  • Определите, когда следует использовать шаблон Model-View-ViewModel.
  • Используйте модель представления для управления визуальным поведением.
  • Улучшена возможность тестирования кода с помощью привязываемых к данным свойств.

Необходимые компоненты

  • Visual Studio 2022 с установленной рабочей нагрузкой .NET MAUI.
  • Необязательно. Visual Studio Code с расширением MAUI .NET и пакетом SDK для .NET с установленной рабочей нагрузкой .NET MAUI
  • Знакомство с промежуточными понятиями программирования, такими как интерфейсы, классы и атрибуты.
  • Возможность писать код XAML.
  • Завершил предыдущий модуль в этом пути обучения или понять, как работает привязка данных в .NET MAUI.

Требования для разработки в .NET MAUI

Чтобы создать приложения .NET MAUI с помощью .NET 9, необходимо установить Visual Studio версии 17.12 или более поздней с установленной следующей рабочей нагрузкой:

  • разработка пользовательского интерфейса для многоплатформенного приложения .NET

Кроме того, если вы хотите создавать приложения .NET MAUI Blazor, нужно установить еще ASP.NET и рабочую нагрузку веб-разработки.

Ознакомьтесь с документацией для руководства по настройке.

Разработка с помощью Visual Studio Code

Если вы разрабатываетесь в macOS или Linux, необходимо установить Visual Studio Code и расширение .NET MAUI вместе с пакетом SDK для . NET и рабочей нагрузкой .NET MAUI. Ознакомьтесь с документацией для пошагового руководства по настройке.