Учебники

SAP Fiori – Концепции UI5

SAP UI5 – это среда на основе сценариев Java, которая используется для разработки многоплатформенных бизнес-приложений. Он поддерживает различные модели данных и представления приложений для ПК и мобильных устройств. SAP UI5 компилируется на открытом Ajax и может быть объединен с библиотеками сценариев Java.

SAP UI5 изначально назывался Phoenix , а позже был изменен на SAP UI5 в 2011 году.

Ключевые технологии пользовательского интерфейса

  • Web Dynpro ABAP и инструмент управления Floorplan можно использовать для создания новых приложений.

  • Инструменты разработки приложений SAP UI5 и UI5 для изменения адаптации или разработки новых приложений.

  • SAP Dynpro используется для включения экранных персон для оптимизации графического интерфейса

Web Dynpro ABAP и инструмент управления Floorplan можно использовать для создания новых приложений.

Инструменты разработки приложений SAP UI5 и UI5 для изменения адаптации или разработки новых приложений.

SAP Dynpro используется для включения экранных персон для оптимизации графического интерфейса

Характеристики SAP UI5

Характеристики SAP UI5 следующие:

  • Хорошо продуманные модели, легко потребляемые.
  • Производительность оптимизирована в соответствии со стандартами SAP
  • Поддержка Ajax с открытым исходным кодом
  • Включает библиотеку JavaScript
  • Расширяемая компонентная модель пользовательского интерфейса
  • На основе открытых стандартов, таких как Ajax, JavaScript, CSS и HTML 5.

Ключевые компоненты – клиент и сервер SAP UI5 –

клиент

  • Библиотека JavaScript, файлы изображений
  • Основные файлы JavaScript
  • Набор тестовых файлов HTML и JavaScript

сервер

  • Инструменты разработки приложений
  • Тематический Генератор
  • Обработчик ресурсов в Java
  • Инструменты разработки управления

Поддержка браузера UI5

SAP UI5 поддерживает все ключевые веб-браузеры и последние версии, такие как IE, Mozilla Firefox, Google Chrome и Safari.

Поддержка браузера UI5

Архитектура SAP UI5

Архитектура SAP UI5 состоит из базовой платформы JavaScript, включая jQuery. Он состоит из расширений библиотеки элементов управления и тем. Он имеет дополнительные серверные компоненты.

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

UI5 управляющие библиотеки

Общие управляющие библиотеки SAP UI5 приведены ниже.

  • Sap.ui.commons – включает элементы управления, такие как текстовые поля, кнопки, шрифты и т. Д.

  • Sap.ui.table – включает элементы управления таблицами, такие как строки, столбцы и т. Д.

  • Sap.ui.ux3 – включает свойства для шаблонов UX3.

  • Sap.m – Сюда входят элементы управления для мобильных устройств, таких как ручные телефоны, планшеты и т. Д.

Sap.ui.commons – включает элементы управления, такие как текстовые поля, кнопки, шрифты и т. Д.

Sap.ui.table – включает элементы управления таблицами, такие как строки, столбцы и т. Д.

Sap.ui.ux3 – включает свойства для шаблонов UX3.

Sap.m – Сюда входят элементы управления для мобильных устройств, таких как ручные телефоны, планшеты и т. Д.

SAP UI5 и расширяемость

  • SAP UI5 поддерживает расширяемость для разработчиков приложений и позволяет добавлять страницы на основе JavaScript, HTML, UI5.

  • Это позволяет писать новые библиотеки пользовательского интерфейса и новые элементы управления.

  • Напишите плагины для ядра UI5.

  • Создание элементов управления из существующих элементов управления UI5.

  • Включает другие библиотеки JavaScript

SAP UI5 поддерживает расширяемость для разработчиков приложений и позволяет добавлять страницы на основе JavaScript, HTML, UI5.

Это позволяет писать новые библиотеки пользовательского интерфейса и новые элементы управления.

Напишите плагины для ядра UI5.

Создание элементов управления из существующих элементов управления UI5.

Включает другие библиотеки JavaScript

Модель-Вид-Контроллер Концепция

MVC состоит из трех концепций. Представления могут быть определены с использованием разных языков, таких как Java Scripts, HTML. Контроллер используется для привязки видов, а модели – с видами.

Представления – это может быть определено с использованием XML с HTM, смешанным или автономным

  • XML – (sap.ui.core.mvc.xmlview)

  • JavaScript – (sap.ui.core.mvc.JSView)

  • JSON – (sap.ui.core.mvc.JSONView)

  • HTML – (sap.ui.core.mvc.HTMLView)

XML – (sap.ui.core.mvc.xmlview)

JavaScript – (sap.ui.core.mvc.JSView)

JSON – (sap.ui.core.mvc.JSONView)

HTML – (sap.ui.core.mvc.HTMLView)

Контроллер – Контроллеры связаны с представлением. Он также может быть использован с несколькими представлениями

Модель – привязка данных может быть использована на представлениях.

контроллер

Сравнение различных типов представлений

Сравнение различных типов представлений приведено в таблице.

Таблица

Привязка данных SAP UI5

Привязка данных используется элементами управления UI5 для источника данных для хранения данных приложения. Это позволяет автоматически менять элементы управления при изменении данных приложения.

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

Привязка данных

Привязка данных поддерживает привязку простых элементов управления, таких как кнопка тестирования, элементы управления типом списка и т. Д.

Типы моделей привязки данных

SAP UI5 поддерживает три типа реализации модели –

Модель JSON – поддерживает данные в формате нотации объектов JavaScript. Он поддерживает двустороннюю привязку данных.

Модель XML – поддерживает данные XML. Он поддерживает двустороннюю привязку данных.

Модель OData – создает запросы OData и соответственно обрабатывает ответы. Он поддерживает только данные, совместимые с OData. Он поддерживает экспериментальную двустороннюю привязку данных.