Minimize time-to-market with UI5

Minimize time-to-market with UI5UI5Con Frankfurt, Benjamin Steinvorth, eXXcellent solutions GmbH

#me

2 |

Benjamin Steinvorthl HANA-Stackl Senior Project Manager

eXXcellent solutions GmbHl Stuttgart, Ulm, Münchenl Culture-driven Developmentl ~100 People - Hiring!

Talk About Nice Things

3 |

Two-Way Binding Two-Way Binding and MVC-Pattern

Event-Bus

Event-Bus andTwo-Way Binding Nice!

Inter-PageRouting

Aggregation-Binding Expression-Binding

XML-Views andDynamic Controls

Nice! = Narrative + Imperative + Clean + Easy

2-Way-Binding

Angebotspräsentation eXXcellent solutions4 |

Model View2-Way-Binding

State of the Viewis persistent in the modelModel-attributesused in the vieware always in sync

Pull all view-attributesFrom a Model

Two-Way binding and MVC-Pattern

5 |

Model View

Controller

Model View

Controller

2-Way-Binding

Events

Manipulate

Manipulate

2-Way-Binding !!

Event-Bus

6 |

Criteria.controller.jsConsumer

Emitter

Event-Bus and 2-Way-Binding

7 |

Searchbar.ctrl

Event-Bus 2-Way-Binding

Criteria.ctrl

Preview.ctrl

Controls.ctrl

) addCriteria) setCrit

) updateData

:critEntered

:updatePreview:adjustControls

:eventEmitter ) eventConsumer

XML-View

XML-View

XML-View

Controller Model

2-Way-Binding

Inter-Page Routing


l What‘s the point in using a routerif I have to add all pages anyway?

Inter-Page Routing

9 |

/index.html#/customers

/index.html#/trans/2

Inter-Page Routing

10 |

https://openui5.hana.ondemand.com/docs/api/symbols/sap.ui.core.routing.Route.html#constructor

https://openui5.hana.ondemand.com/docs/api/symbols/sap.ui.core.routing.Targets.html#constructorl Since March 2016:

l December 2015:

sap.ui.core.routing.Targets

???

Inter-Page Routing

11 |

Index.html

router.js

XML-Views: Dynamic Control Creation


„Your competitor told us thatXML-Views do not supportdynamic control creation.“

XML-Views: Dynamic Control Creation

13 |

Expression BindingAggregation Binding

JSONModel

XML-View

Property Binding

l Thank you!

l Questions?


Minimize time-to-market with UI5

Technology

Transcript of Minimize time-to-market with UI5