SAP Fiori - Koncepcje UI5

SAP UI5to platforma oparta na skryptach Java, używana do projektowania wieloplatformowych aplikacji biznesowych. Obsługuje różne modele danych i widoki aplikacji stacjonarnych i mobilnych. SAP UI5 kompiluje się na otwartym Ajaxie i można go łączyć z bibliotekami skryptów Java.

SAP UI5 początkowo nosił nazwę feniks, który później zmieniono na SAP UI5 w 2011.

Kluczowe technologie interfejsu użytkownika

Do tworzenia nowych aplikacji można wykorzystać narzędzie Web Dynpro ABAP i Floorplan manager.
Narzędzia do tworzenia aplikacji SAP UI5 i UI5 do zmiany, adaptacji lub tworzenia nowych aplikacji.
SAP Dynpro jest używany do dołączania person ekranowych w celu optymalizacji GUI

Charakterystyka SAP UI5

Cechy SAP UI5 są następujące -

Dobrze zaprojektowane modele, łatwe do spożycia.
Wydajność zoptymalizowana pod kątem zgodności ze standardami SAP
Wsparcie open source Ajax
Zawiera bibliotekę JavaScript
Rozszerzalny model komponentów interfejsu użytkownika
Oparty na otwartych standardach, takich jak Ajax, JavaScript, CSS i HTML 5.

Kluczowe komponenty - klient i serwer SAP UI5 -

Client

Biblioteka JavaScript, pliki graficzne
Podstawowe pliki JavaScript
Pliki testowe HTML i JavaScript

Server

Narzędzia do tworzenia aplikacji
Generator motywów
Obsługa zasobów w Javie
Narzędzia kontrolne programistyczne

UI5 Browser Support

SAP UI5 obsługuje wszystkie najważniejsze przeglądarki internetowe i najnowsze wersje, takie jak IE, Mozilla Firefox, Google Chrome i Safari.

Architektura SAP UI5

Architektura SAP UI5 składa się z podstawowego środowiska JavaScript, w tym jQuery. Składa się z kontrolek i motywów bibliotek rozszerzeń. Zawiera opcjonalne komponenty serwera.

Biblioteki kontrolne UI5

Wspólny SAP UI5 Biblioteki kontrolne podano poniżej.

Sap.ui.commons - Obejmuje to elementy sterujące, takie jak pola tekstowe, przyciski, czcionki itp.
Sap.ui.table - Obejmuje to elementy sterujące tabelą, takie jak wiersze, kolumny itp.
Sap.ui.ux3 - Obejmuje to właściwości wzorców UX3.
Sap.m - Obejmuje to sterowanie urządzeniami mobilnymi, takimi jak telefony ręczne, tablety itp.

SAP UI5 i rozszerzalność

SAP UI5 obsługuje rozszerzalność dla programistów aplikacji i umożliwia dodawanie stron opartych na JavaScript, HTML, UI5.
Pozwala na pisanie nowych bibliotek UI i nowych kontrolek.
Napisz wtyczki dla rdzenia UI5.
Utwórz formanty z istniejących formantów UI5.
Zawiera inne biblioteki JavaScript

Koncepcja modelu-widoku-kontrolera

MVC składa się z trzech koncepcji. Widoki można definiować za pomocą różnych języków, takich jak skrypty Java, HTML. Kontroler służy do wiązania widoków, a modele są używane z widokami.

Views - Można go zdefiniować za pomocą XML z HTM, mieszać lub samodzielnie

XML - (sap.ui.core.mvc.xmlview)
JavaScript - (sap.ui.core.mvc.JSView)
JSON - (sap.ui.core.mvc.JSONView)
HTML - (sap.ui.core.mvc.HTMLView)

Controller- Kontrolerzy są zobowiązani do widoku. Może być również używany z wieloma widokami

Model - W widokach można użyć powiązania danych.

Porównanie różnych typów widoków

W tabeli przedstawiono porównanie różnych typów widoków.

Wiązanie danych SAP UI5

Powiązanie danych jest używane do kontrolek UI5 do źródła danych do przechowywania danych aplikacji. Pozwala na automatyczną zmianę sterowania, gdy następuje zmiana danych aplikacji.

W przypadku korzystania z dwukierunkowego powiązania danych dane aplikacji są aktualizowane za każdym razem, gdy zmienia się wartość powiązanego formantu.

Powiązanie danych obsługuje wiązanie prostych kontrolek, takich jak przycisk testowy, kontrolki typu listy itp.

Typy modeli powiązań danych

SAP UI5 obsługuje trzy typy implementacji modeli -

JSON Model- Obsługuje dane w formacie JavaScript Object Notation. Obsługuje dwukierunkowe wiązanie danych.
XML Model- Obsługuje dane XML. Obsługuje dwukierunkowe wiązanie danych.
OData Model- Tworzy żądania OData i odpowiednio obsługuje odpowiedzi. Obsługuje tylko dane zgodne z OData. Obsługuje eksperymentalne dwukierunkowe wiązanie danych.