SAP UI5 Architecture consists of core JavaScript framework including jQuery. It consists of Extension libraries Controls and Themes. It has Optional Server components.

UI5 Control Libraries

Common SAP UI5 control libraries are given below.
  • Sap.ui.commons − This includes controls like text fields, buttons, fonts, etc.
  • Sap.ui.table − This includes the table controls like rows, columns, etc.
  • Sap.ui.ux3 − This includes properties for UX3 patterns.
  • Sap.m − This includes controls for mobile devices like hand phones, tablets, etc.

SAP UI5 and Extensibility

  • SAP UI5 support extensibility for application developer and allows to add JavaScript, HTML, UI5 based pages.
  • It allows to write new UI libraries and new controls.
  • Write plug-ins for UI5 core.
  • Create controls from existing UI5 controls.
  • Includes other JavaScript libraries

Model-View-Controller Concept

MVC consists of three concepts. Views can be defined using different languages like Java Scripts, HTML. Controller is used to bound the Views and Models are used with Views.
Views − It can be defined using XML with HTM, mixed or standalone
  • 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 − Controllers are bound to a view. It can also be used with multiple views


Serkan AKKAVAK
Computer Engineer
ABAP Developer & SAP MM SD Consultant
Contact : serkurumsal@yandex.com