Professional Documents
Culture Documents
Sap Ui5
Sap Ui5
Sap Ui5
Introduction
What is SAPUI5?
The SAPUI5 runtime is a client-side HTML5 rendering
library with a rich set of standard and extension controls. It
provides a lightweight programming model for desktop as
well as mobile applications. Based on JavaScript, it supports
RIA like client-side features. SAPUI5 complies with
OpenAjax and can be used together with standard JavaScript
libraries.
It supports CSS3, which allows you to adapt themes to your
company's branding in an effective manner.
It is based on an extensibility concept regarding custom
controls.
It uses the open source jQuery library as a foundation
Model View Controller (MVC)
Models
Xml : <name>jigar</name>
Json : “name” : “Sam”
Views
Lifecycle Hooks
SAPUI5 provides predefined lifecycle hooks for
implementation. You can add event handlers or other
functions to the controller and the controller can fire
events, for which other controllers or entities can register.
SAPUI5 provides the following lifecycle hooks:
onInit()
onExit()
onAfterRendering()
onBeforeRendering()
Browser and Platform Matrixes
FE BE
Gatewa
y
FE : SAPUI5 UI
BE:Gateway, SAP or NON SAP
<body>
<page>
<header>
</header>
<content></content>
</page>
<body>
“page” : “loginPage”
Index.html
Head
Body
<div id=“Content”></div>
Var app = new sap.m.app();
Page1 Page2
View1 View2
Controls
Controls
Controller Controller
Functions Functions