
Overview on the architecture and concepts of SAPUI5
SAPUI5 is a client UI technology based on JavaScript, CSS and HTML5. SAPUI5 applications run in a browser. Depending on the device, the application is supposed to run on (mobile, tablet or desktop PC), you use different UI libraries.
Servers come into play for deploying your applications, storing the SAPUI5 libraries and to connecting to a data base. Depending on the environment in which SAPUI5 is used, the libraries or your applications are stored on an SAP NetWeaver Application Server or an SAP HANA Cloud platform, for example. To access business data for your application the preferred way is using the OData model through a SAP NetWeaver Gateway.
When a user accesses an SAPUI5 application from his device, a request is sent to the respective server to load the application into the browser. The view accesses the relevant libraries. Usually the model is also instantiated and business data is fetched from the data base.
SAPUI5 uses the model-view-controller (MVC) concept to achieve the following objectives:
Support development in distributed teams with different source locations
Suggest file structure, naming, and usage patterns
Add capability of UI declaration (in comparison to a programmatic construction)