2. Внешний вид и структура приложений

Дизайн:

У ui5 есть встроенный uikit, который хорошо и удобно интегрирован в фреймворк.
С достаточно подробной документацией и примерами.
Более того, зачастую у каждой компании есть заранее настроенные темы для этого кита.

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

Но если очень уж хочется изобрести: хорошо бы вдохновляться существующими элементами в плане внешнего вида и UX. Дока по внешнему виду ui5 приложений здесь.

Структура страницы:

SAP очень рекомендует всю бизнес логику страницы раскладывать на т.н. floorplans.

Основные из них:

  1. List Report
    Чаще всего используется в связке с Object Page (см. ниже) . Страница с фильтрами сверху, и таблицей с данными по центру. (зачастую smartfilterbar + smarttable ). При нажатию на конкретный элемент, или при создании нового элемента -> перебрасывает на Object Page. Используется для поиска и навигации в списке объектов.
  2. Object Page
    Страница с полями конкретной сущности. Сверху -- заголовок с ключевыми полями, по центру -- остальные. Используется для редактирования и создания документов.
  3. Analytical List Page
    Дашборд с графиками/графическими фильтрами.
  4. Overview Page
    Агрегатор отчетов в виде кучи плиток на одной странице
  5. Worklist
    Почти то же, что и List Report.
    Страница с таблицами. Фильтрбар не обязателен, с большим уклоном на то, чтобы как-либо обрабатывать сущности в таблице.