Как выбрать подходящий шаблон дизайна для углового применения - PullRequest
0 голосов
/ 12 сентября 2018

Я работал над преобразованием одного веб-приложения на основе Jquery в веб-приложение на Angular 5 (это приложение об электронном биллинге, где можно объединять и оплачивать счета от нескольких провайдеров).

Основная цель - сделать базу кода продукта более удобной в обслуживании.Я не очень силен в шаблонах углового проектирования, но я знаю основную концепцию углового SPA (универсальное управление состоянием, наблюдаемые шаблоны, архитектура на основе компонентов, использование сервиса, модульная структура, реактивная природа Angular Framework и т. Д.), Но мне интересно, есть лиэто любой логический путь для определения наиболее подходящего шаблона проектирования для этого приложения для выставления счетов.

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

В зависимости от взаимосвязи, можно ли заключить наиболее близкий шаблон, необходимый для этой миграции?

Редактировать: во время исследования в Интернете я нашел эту статью всеобъемлющей и дал мне очень необходимое направление.

https://bulldogjob.com/articles/539-scalable-angular-application-architecture

Ответы [ 2 ]

0 голосов
/ 12 сентября 2018

Если вы ищете способ структурировать свое приложение, взгляните на redux , возможно, это не плохая идея.Есть даже несколько библиотек для угловых.

0 голосов
/ 12 сентября 2018

Шаблоны проектирования не зависят от структуры.Но для вашего приложения я бы, вероятно, использовал шаблон уровня сервиса (для взаимодействия между компонентами) и шаблон репозитория для обработки crud от углового до внутреннего интерфейса API.Затем просто создайте свой бэкэнд-стек как простой API, который связывается с базой данных. 80% всех приложений корпоративного стиля, которые мы создаем, следуют этому шаблону:

Angular component => service.ts => repository => .net coreapi => база данных

Но шаблоны в стороне.Выберите правильный шаблон для работы.Каждый вариант использования будет отличаться.Я только обрисовал, что обычно работает для моей команды.

...