SAP Fiori - UI5 Kavramları

SAP UI5çok platformlu iş uygulamalarını tasarlamak için kullanılan Java komut dosyası tabanlı bir çerçevedir. Çeşitli veri modellerini destekler ve masaüstü ve mobil uygulamaların görünümlerini destekler. SAP UI5, açık Ajax üzerinde derler ve java betik kitaplıkları ile birleştirilebilir.

SAP UI5 başlangıçta phoenix olarak adlandırıldı ve daha sonra olarak değiştirildi SAP UI5 2011 yılında.

Temel UI Teknolojileri

Web Dynpro ABAP ve Yer Planı yöneticisi aracı yeni uygulamalar oluşturmak için kullanılabilir.
Yeni uygulamaları uyarlamak veya geliştirmek için SAP UI5 ve UI5 uygulama geliştirme araçları.
SAP Dynpro, GUI optimizasyonu için Screen Personas'ı dahil etmek için kullanılır

SAP UI5'in özellikleri

SAP UI5'in özellikleri aşağıdaki gibidir -

İyi tasarlanmış modeller, kullanımı kolay.
SAP standartlarına uygun olarak optimize edilmiş performans
Ajax açık kaynak desteği
JavaScript kitaplığı içerir
Genişletilebilir UI bileşen modeli
Ajax, JavaScript, CSS ve HTML 5 gibi açık standartları temel alır.

Temel Bileşenler - İstemci ve Sunucu SAP UI5 -

Client

JavaScript kitaplığı, Görüntü dosyaları
Çekirdek JavaScript dosyaları
Test paketi HTML ve JavaScript dosyalarını

Server

Uygulama geliştirme araçları
Tema Oluşturucu
Java'da kaynak işleyici
Denetim Geliştirme araçları

UI5 Browser Support

SAP UI5, tüm önemli web tarayıcılarını ve IE, Mozilla Firefox, Google Chrome ve Safari gibi en son sürümleri destekler.

SAP UI5 Mimarisi

SAP UI5 Mimarisi, jQuery dahil olmak üzere temel JavaScript çerçevesinden oluşur. Uzantı kitaplıkları Denetimlerinden ve Temalarından oluşur. İsteğe Bağlı Sunucu bileşenlerine sahiptir.

UI5 Kontrol Kitaplıkları

Yaygın SAP UI5 kontrol kitaplıkları aşağıda verilmiştir.

Sap.ui.commons - Bu, metin alanları, düğmeler, yazı tipleri vb. Gibi kontrolleri içerir.
Sap.ui.table - Buna satırlar, sütunlar vb. Gibi tablo kontrolleri dahildir.
Sap.ui.ux3 - Bu, UX3 modellerinin özelliklerini içerir.
Sap.m - Bu, el telefonları, tabletler vb. Mobil cihazlar için kontrolleri içerir.

SAP UI5 ve Genişletilebilirlik

SAP UI5, uygulama geliştiricisi için genişletilebilirliği destekler ve JavaScript, HTML, UI5 tabanlı sayfalar eklemeye izin verir.
Yeni UI kitaplıkları ve yeni kontroller yazmanıza izin verir.
UI5 çekirdeği için eklentiler yazın.
Mevcut UI5 kontrollerinden kontroller oluşturun.
Diğer JavaScript kitaplıklarını içerir

Model-Görünüm-Kontrolör Konsepti

MVC üç kavramdan oluşur. Görünümler, Java Scripts, HTML gibi farklı diller kullanılarak tanımlanabilir. Denetleyici, Görünümleri bağlamak için kullanılır ve Modeller Görünümler ile kullanılır.

Views - HTM ile XML kullanılarak, karışık veya bağımsız olarak tanımlanabilir

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- Kontrolörler bir görünüme bağlıdır. Birden çok görünümle de kullanılabilir

Model - Görünümlerde veri bağlama kullanılabilir.

Farklı Görünüm Türlerinin Karşılaştırılması

Tabloda farklı Görünüm türlerinin karşılaştırması verilmiştir.

SAP UI5 Veri Bağlama

Veri bağlama, uygulama verilerini tutmak için bir veri kaynağına UI5 kontrolleri kullanılır. Uygulama verilerinde bir değişiklik olduğunda kontrollerin otomatik olarak değiştirilmesine izin verir.

İki yönlü veri bağlamayı kullandığınızda, ilişkili denetimin değeri her değiştiğinde uygulama verileri güncellenir.

Veri Bağlama, test düğmesi, liste tipi kontroller vb. Gibi basit kontrollerin bağlanmasını destekler.

Veri Bağlama Modeli Türleri

SAP UI5, üç tür model uygulamasını destekler -

JSON Model- JavaScript Object Notation formatındaki verileri destekler. İki yönlü veri bağlamayı destekler.
XML Model- XML verilerini destekler. İki yönlü veri bağlamayı destekler.
OData Model- OData istekleri oluşturur ve yanıtları buna göre işler. Yalnızca OData uyumlu verileri destekler. Deneysel iki yönlü veri bağlamayı destekler.