26

Исходные данные:

  • Имеется настольное приложение. Для простоты будем считать, что приложение содержит только одну форму.
  • Функционал приложения: скачать по сети некоторую модель, натянуть эту модель на форму, пользователь эту модель редактирует, по окончании измененная модель едет дальше по сети
  • Технологии: WPF, MVVM

Особенности приложения:

Отличительная черта приложения состоит в том, что эта форма содержит очень много полей, очень много логики, очень много связей между полями. Грубо говоря, 90% кода - это логика и обслуживание полей на форме.

Архитектура:

Как я уже упомянул, используется MVVM паттерн как основа архитектуры. Модель, грубо говоря, здесь выражена как чисто POCO объект - сущность, которая предназначена для сериализации/десериализации при общении с сервером + её можно собрать из классов ViewModel

История:

Изначально всё было просто - одна модель, одна вьюмодель, одна вьюха

введите сюда описание изображения

Однако, требования всё отгружали и отгружали, когда количество полей перевалило за 50, пришлось делить главную вьюмодель, модель и представление на части, но это всё по прежнему собиралось в одну форму. Главная вьюмодель осталась, но, чтобы уменьшить сложность, из неё были вынесены все неосновные поля, эти поля были сгруппированы в более мелкие вьюмодели и код был организован так, что мелкие вьюмодели знали о главной и главная знала о мелких.

введите сюда описание изображения

Форма стала выглядеть как то так:

введите сюда описание изображения

Код выглядел как то так:

public class MainViewModel 
{
    public Field1 Field1{get;set;}
    public Field2 Field2{get;set;}

    public ViewModel1 ViewModel1{get;set;}  
    public ViewModel2 ViewModel2{get;set;}  
    public ViewModel3 ViewModel3{get;set;}  
}


public class ViewModel1
{
    public Field3 Field3{get;set;}

    public ViewModel1(MainViewModel main)
    {       
    }
}

public class ViewModel2
{
    public Field4 Field4{get;set;}

    public ViewModel2(MainViewModel main)
    {
    }
}

public class ViewModel3
{
    public Field5 Field5{get;set;}

    public ViewModel3(MainViewModel main)
    {
    }
}

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

public class ViewModel1
{
    public Field3 Field3
    {
        get => _field3 
        set 
        {
            var oldValue = _field3; 
            if (SetProperty(ref _field3, value))
            LocalBus.Raise(new Field3Cahnged(oldValue, value))
        }   
    }

    public ViewModel1(MainViewModel main)
    {       
    }
}

public class ViewModel2
{
    public Field4 Field4{get;set;}

    public ViewModel2(MainViewModel main)
    {
        LocalBus.Subscribe<Field3Cahnged>(ev => {.. logic ..});
    }
}

Проблемы

Как несложно догадаться, спустя всего несколько лет эксплуатирования подобной схемы, бизнес-логика стала просто мешаниной событий, валидация стала ночным кошмаром, отладка событий в многопоточном окружении растягивается при любом расследовании логики работы приложения. Основное, что могу выделить

  • Код больше не отражает бизнес-процессы. Установка значения для поля может обернуться 10 последовательными событиями. Или параллельными.
  • race condition встречается очень часто
  • тестируемость решения низкая. Чтобы написать тест логики на изменение поля, надо нагородить вьюмоделей и постоянно проверять что проехало по шине + какие изменения произошли в моделях. Так как всё взаимосвязано, то зачастую приходится поднимать все вьюмодели для теста одного изменения. Как итог, тесты либо отсутствуют, либо быстро устаревают. Количество дефектов растет.
  • Расследование дефектов занимает много времени
  • Внесение изменений занимает много времени

Для упрощения, я не стал расписывать другие аспекты формы, например

  • Баннеры, алерты, всплывающие сообщения
  • асинхронная работа (поля активно работают с сетью)
  • наборы секций и полей на экране сильно зависят от модели. То есть модели с разными данными, грубо говоря, обращаются в разные комбинации вьюмоделей и по разному представлены на форме
  • Фоновые бизнес процессы могут в любой момент вмешаться в работу формы
  • Какие-либо другие сюрпризы, хранящиеся в исходном коде, наподобии самописных AOP, пулах всего подряд и проч.

Вопрос

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

Однако, текущая архитектура нуждается если не в полной переработке, то точно в серьезном рефакторинге в целях:

  • повышения качества продукта, его тестируемости
  • уменьшения количества дефектов
  • уменьшения времени добавления новых фич

Как бы я видел идеальную архитектуру, она должна позволять следующее:

  • код полностью отражает бизнес процессы. Если в коде есть метод SetModelQuantity(...) - то содержимое метода ясно расскажет, что происходит при этом изменении
  • Код легко тестировать. Должна быть возможность для юнит тестирования любой новой функциональности
  • Вероятно, логика модели должна быть отделена от логики вьюмоделей. При этом встаёт вопрос - а как будут общаться модели разных секций?

Поэтому вопросы звучат так:

  • какой подход к организации кода/архитектуры вы бы могли посоветовать?
  • Какие примеры архитектур, решающие схожую задачу существуют?
  • Какие этапы рефакторинга вы бы могли посоветовать? И как при этом не упасть в качестве, учитывая примерно 50% покрытие тестами (остальные 50% как то работают, но никто не знает как)?
  • Любые ссылки или литература приветствуются
15
  • 2
    Хороший вопрос. Как-то мне приходилось писать формы по 70 - 90 полей с логикой (оттуда я вынес, что форма должна быть на 5-7 полей, не больше - иначе что-то бизнес перемудрил); поэтому с удовольствием почитаю советы. Меня вот интересуют подробности по форме: приходилось ли лезть в базу за данными для логики или достаточно было оперировать тем, что вводится?
    – A K
    12 апр 2019 в 5:16
  • @AK согласен с картинкой, но это реалии, на которые я не могу повлиять. По поводу формы - тут есть всё, кроме прямого доступа в БД. Поля могут отправлять запросы по сети и реагировать на ответы, некоторые ответы влияют на наборы полей, которые в свою очередь тоже могут отправлять запросы по сети и т.д. Есть подсказки, баннеры, попапы, модальные окна, которые оперируют с сетью. Это одна из причин почему тестирование стало болью - для теста надо поднимать чуть ли не все вьюмодели и мокать очень большое количество сервисов.
    – tym32167
    12 апр 2019 в 7:39
  • Это в главной форме такая беда?
    – Vasek
    12 апр 2019 в 8:59
  • @Vasek для упрощения считаем что в приложении только одна форма, и в ней такая беда
    – tym32167
    12 апр 2019 в 9:01
  • 1
    @tym32167 желаю скорейшего выздоровления :)
    – Bulson
    17 апр 2019 в 12:59

3 ответа 3

4

Боюсь показаться банальным, но принципы SOLID пока еще никто не отменял:

  1. Классы вью моделей не должны зависеть от других вью моделей напрямую, только от абстракций (интерфейсов). Уменьшение прямых зависимостей заметно облегчит юнит тестирование.
  2. Ответственность вью модели - контролировать состояние вьюхи на основе модели и выступать между ними посредником. Не пытайтесь уместить всю бизнес логику во вью модель, этим должны заниматься сервисы.
  3. Шина (медиатор) во многом является анти-паттерном, так как делает зависимости между компонентами неочевидными. Иногда это бывает полезно, но, скорее всего, не в вашем случае. Советую рассмотреть вариант коммуникации через модель/сервисы (когда вью модели подписываются на изменение состояния модели). Шине можно оставить нейтральные нотификации, от которых не зависит поведение конкретной вью модели (например "значения свойства изменилось", но при этом вью модели безразлично кто и как среагирует на эту нотификацию).
  4. Избежать проблем с многопоточностью (в частости race condition) можно с помощью очереди background операций, с возможностью их отмены в любой момент (т.е. некое подобие Dispatcher-а).
11
  • 1) Каким именно образом добавление 600 интерфейсов мне облегчит тестирование? Каждая мини вьюмодель у меня знает только о родительской вьюмодели, таким образом прямая зависимость уже минимальна.
    – tym32167
    12 апр 2019 в 15:10
  • 2) Можете показать масштабируемый пример? Как сервисы будут общаться друг с другом? Кто их будет вызывать? Как сервисы будут взаимодействовать с вьюмоделью и моделью? Как при этом не получить мешанину сервисов? (учитывайте, что вьюмодель, как и модель, разбита на множество классов)
    – tym32167
    12 апр 2019 в 15:11
  • 3) Сейчас у меня есть шина и примерно 200 (может и больше) разных классов - событий. Вы предлагаете выпилить 200 классов и добавить 200 событий в модель? Я не очень понимаю, как это поможет?
    – tym32167
    12 апр 2019 в 15:11
  • 4) Да, кастомные очереди операций, свой тред пул и прочие вещи - это то, что уже есть. Race condition, как пример, возникает тогда, когда, например, одна модель создает event, у него есть 10 подписчиков, 5 из них делают что то асинхронное, а значит не блокируют вызывающий поток, а значит когда один подписчик доходит до асинхронного вызова, то возвращает управление и начинает работать другой подписчик, хотя первый ещё не закончил и ждет. В итоге получаем параллельную работу 2 подписчиков в одном потоке до асинхронной операции и в разных потоках после. Как это исправит пул задач?
    – tym32167
    12 апр 2019 в 15:11
  • 1) Ознакомьтесь с принципами ISP и DIP. Интерфейсы мокаются. 2) Если у сервиса миллион зависимостей, то нужно дробить сервис и эти зависимости уменьшать. 3) Модель на 200 событий? Дробите модель. 4) Не пул, а очередь.
    – Raider
    12 апр 2019 в 15:16
3

Неоднократно приходится сталкиваться с подобными проблемами, поэтому выскажу свои мысли по этому вопросу:

Запутывание начинается с момента когда дочерняя VM начинает знать о родительской VM.

Бизнес-логика должна быть в модели. Если это правило не соблюдается, то она размазывается по вью-моделям, что приводит к двусторонней связи между дочерней и родительской VM.

public class MainViewModel 
{
    public Field1 Field1 { get; set;}        
    public ViewModel1 ViewModel1 { get; set;}

    ModelModel mainModel;
}

public class ViewModel1
{
    public Field3 Field3{get;set;}

    public ViewModel1(MainViewModel mainVM)
    { 

    }
}

в дочернюю VM необходимо передавать либо часть главной модели, либо всю модель сразу(как в вашем случае). Оттого и ViewModel и переводится как "представление модели" потому что она представляет модель, а не вью-модель не правда ли?)

public class ViewModel1
{
    public Field3 Field3{get;set;}

    public ViewModel1(MainModel model)
    { 

    }
}

"двустороннюю" связь можно реализовать через события модели. Главная/дочерняя вью-модель подписываются на нужные события модели и реагируют на изменения.

public class ViewModel1
{
    public Field3 Field3{get;set;}

    public ViewModel1(MainModel model)
    { 
        model.SomePropertyChanged += modelSomePropertyChanged; 
    }

    void modelSomePropertyChanged(object sender, EventArgs e)
    {
        //что-то делаем...
    }
}

Вероятно, логика модели должна быть отделена от логики вьюмоделей. При этом встаёт вопрос - а как будут общаться модели разных секций?

Разные секции получились в результате дробления главной модели и они должны быть между собой связаны? Вероятно лучше оставить одну большую модель, нежели раздробить ее на мелкие. Тот случай когда дробление больше усложняет чем упрощает.

6
  • у меня секций примерно штук 15-20, полей всего очень много, больше сотни точно. Вьюмоделей, что содержат логику (и поля и секции) где то в районе 600 - как вы представляете модель таких размеров? Как вы представляете общение 600 вьюмоделей через события модели? В идеале, я бы вообще выпилил события, так как у меня уже глаз дергается, когда я вижу подписку на событие ради передачи сообщения.
    – tym32167
    12 апр 2019 в 7:51
  • @tym32167, вы что на одно поле отдельную VM заводите?
    – Gardes
    12 апр 2019 в 8:10
  • 1
    такое случается, если поле сложное и обладает своей логикой. Самый очевидный пример - поле-выпадающий список, который фильтруется в зависимости от других полей (данные для элементов качает по сети) и при выборе значения, проверяет некоторые условия (включая сетевой запрос) и в результате может отобразить предупреждение или какую то другую информацию касаемо выбранного значения.
    – tym32167
    12 апр 2019 в 8:23
  • @tym32167 Не думали ли о том, чтобы некоторые секции сделать отдельным контролом/компонентом - не для дальнейшего переиспользования даже, а скорее в целях изоляции определённой части доменной области? Вот именно на самом очевидном примере с адресом: в адресе может быть вшита разная логика для разных стран (условно: заполнять ли поле province), либо по известным 6 символам индекса предлагать адреса к автозаполнению.
    – A K
    12 апр 2019 в 9:49
  • 1
    @AK оно так и есть. Если вы поглядите на схему, то увидите, что есть конкретные представления, они привязаны 1 к 1 к конкретной маленькой вьюмодели, которая содержит в себе частичку модели. Единственное, что отделяет это от самостоятельного элемента - это ссылка на главную вьюмодель.
    – tym32167
    12 апр 2019 в 9:54
1

Вариант 1. Бывает, что трудность реализации вызвана проблемой X/Y. Заказчик, имея проблему X, но не обладая техническими знаниями, предполагает, что эта проблема решается способом Y и просит сделать Y. Программист делает Y, но этот способ сложный, плохо ложится на парадигму реляционных данных, или объектов, или другую известную парадигму. Оказывается, что если попросить программиста решить задачу X, он предложит другое решение, гораздо более простое.

Типичный пример: медленные запросы к базе. Если спросить человека, который просит отчёт на 30 страниц, что он с ним будет делать, окажется, что он планирует просматривать его глазами в поисках каких-то важных данных. Но с этой работой гораздо лучше справляется компьютер, и для этого нужен другой запрос, гораздо более простой и производительный.

Поэтому первая рекомендация: ещё раз рассмотреть сценарии использования. Возможно, вместо одного сложного приложения лучше написать три простых для трёх разных ролей.

Вариант 2. Циклы в зависимостях возникают при попытке «формализовать неформализуемое». Предположим, есть поле A, от которого зависит поле B, а от того, в свою очередь — поле C. Построим направленный граф, и, если он ациклический, то формально мы можем построить модель и протестировать её. Но если вдруг поле A зависит от C, граф циклический, и у нас проблема. Уточню, что ациклический граф, это не всегда дерево, в нём ветки могут и сходиться, но они не образуют циклов.

Один из способов решения этой проблемы предложил Купер в своей книге «Психбольница в руках пациентов». Вы не пересчитываете C при изменении A, а проверяете попадание в диапазон. Если не попали, показываете это пользователю, но не запрещаете дальнейшее редактирование. Похожим образом действует проверка правописания: вы видите те слова, которые не известны программе, но сами решаете, ошибается программа, или нет. Если программа ошибается, вы просто игнорируете то, что подчёркнуто красной чертой. Но опечатку вы не пропустите.

Вариант 3. Подходящий инструмент. Бывает и так, что правила вполне можно формализовать, но сам язык не очень подходит для решения этой задачи. Часто нужно что-то вроде Пролога. Решением здесь являются кодогенерация и предметно-ориентированные языки (domain specific languages, DSL), которые можно использовать и в паре.

Например, вы можете описать бизнес-правила на языке собственной разработки, и при сборке проекта компилировать его в основной язык проекта. В современных ОО-языках наподобие C++, Java, C# хорошим решением является так называемая текучая нотация (fluent syntax), когда цепочка методов записывается через точку.

Скажем, в Entity Framework такой своеобразный DSL используется для описания отображений из БД в объекты:

public void Configure(EntityTypeBuilder<OperationData> builder)
{
    builder.HasOne(x => x.Order)
           .WithMany(x => x.Operations)
           .HasForeignKey(x => x.OrderId)
           .OnDelete(DeleteBehavior.Restrict);
}

Здесь с помощью цепочки методов строится модель, которая может быть даже формально проверена специально написанным методом.

Эта тема подробно освещена Фаулером сотоварищи в книге о предметно-ориентированных языках.

4
  • 2
    это всё хорошо, но я, если честно, слабо понимаю, как это всё относится к вопросу. 1) X/Y может и имеет место, но проблема в том, что приложение живет уже очень долго, 50% его функционала не описано даже в тестах, набора юзер-сценариев нет, времени на их составление нет, домен очень специфичный и сложный (есть специальные люди, которые в нем разбираются, и они перегружены работой), каждую фичу планируюут отдельные люди, решение о способе имплементации какой либо фичи принимают несколько команд вместе. Сесть, собрать юзер стори, переосмыслить и всё переделать нет ни времени, ни возможности
    – tym32167
    12 апр 2019 в 8:33
  • 2) Циклы случались, но их выявляли на тестах и правили. Проблемы решения циклических зависимостей нет, с этим справляемся
    – tym32167
    12 апр 2019 в 8:34
  • 3) DSL нет возможности использовать и не ясно как он поможет. Fluent - стиль хорошо, но тоже не очень понятно, как его наличие в коде что то упростит.
    – tym32167
    12 апр 2019 в 8:36
  • Для Fluent-нотации можно использовать этот пакет, но я тоже считаю, что ваш ответ несильно относится к заданному @tym32167 вопросу. Ну вот первая часть разве, но про достаточно было посетовать в комментариях на то, что бизнес иногда зря делает такие сложные формы (что я и сделал). Тут чисто архитектурный вопрос, как декомпозировать такие громоздкие и сложные штуки на простые в поддержке.
    – A K
    12 апр 2019 в 9:41

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.