Add Page to UI5 SplitApp Boilerplate

ui5In previous blog posts we created the basis to work/develop with the UI5 Boilerplate in different environments (OpenUI5, SAPUI5, SAP or non-SAP centric Development Environment) and the app structure concept was explained in the SCN blog post UI5 Boilerplate explained (Part 1). It is now time to extend the UI5 Boilerplate:

How to add an additional Page to UI5 SplitApp Boilerplate?

Step 1: Create new View and Controller for the new Page

In this step we assume you work with Eclipse and the SAPUI5 Toolkit Plugin. If you work without the SAPUI5 Toolkit you have to create the files yourself.

Run UI5 Apps on Apache Tomcat

tomcatLet’s use Apache Tomcat to run UI5 Apps! Tomcat is a very light-weight, but a full blown Java based app and web server. It can be well integrated into Eclipse IDE and therefore a perfect counterpart in development. It is much more light-weight and faster in startup than any SAP Java Server. It also enables you to write server-side components (like servlet’s, JSP’s,…), which then can be consumed by our UI5 App. And like OpenUI5 it is Open Source and free!

UI5 Boilerplate with Eclipse + SAPUI5 Toolkit

eclipseIDEThis post describes how to use the UI5 SplitApp Boilerplate (hosted on Github) with Eclipse 4.3.x and installed SAP UI Development Toolkit for HTML5. Using the UI5 Boilerplate without Eclipse is outlined in this blog post.

SAP UI5 – Quickstart

sapui5

Quickstart – Entwickeln mit SAP UI5

SAP UI5 ist die Kurzbezeichnung für „SAP UI Development Toolkit for HTML5„. Es handelt sich hierbei um ein JavaScript Framework für die Entwicklung von HTML5 Apps für den Desktop und/oder Mobile Einsatz. Das Framework basiert auf dem etablierten Framework jQuery (inklusive jQuery UI), eine SAP untypische, aber sehr, sehr gute Entscheidung der SAP.

UI5 bietet neben einer Vielzahl toller UI Elementen (Controls) auch ein ausgefeiltes MVC (Model-View-Controller) Konzept und bringt auch noch so einige Enterprise Features mit (z.B. I18N). Mit UI5 ist der SAP ein großer Wurf gelungen und es wird die UI Entwicklung im SAP Umfeld noch auf Jahre hin prägen.

Soweit so gut, aber jetzt wollen wir schnell „produktiv“ werden.

Einrichtung der Entwicklungsumgebung für SAP UI5

Als Entwicklungs- und Laufzeitumgebung verwendet man idealerweise einen Java basierten Ansatz. Auch wenn dies keine zwingende Voraussetzung ist, hat dies einige Vorteile, so basiert die SAP eigene Entwicklungsumgebung auf Eclipse. Die weiteren Ausführungen gehen von einem solchen Ansatz aus.

Eclipse Tip: Platzsparen mit abgekürzten Packages

Über Einstellungen -> Java -> Appearance kann man Abkürzungen für Java Packages festlegen. Damit läßt sich Platz sparen und man bekommt noch einen besseren Überblick. Die nachfolgenden Screenshots stammen aus Eclipse 3.6 SR1 Helios: Diese Einstellungen führen dann zu einer übersichtlicheren Anzeige der Packages. Finde ich zumindest: Dieses Feature kannte ich bisher noch nicht. Ist […]