SAPUI5 Getting Started (SAP HANA): Unterschied zwischen den Versionen

Aus MattWiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 17: Zeile 17:
The service has to be added in:
The service has to be added in:


# mta.yaml -> Create new resource and add it to modules
App root
# xs-app.json -> Use replace capability of app router to insert UI5 service URL dynamically
|- mta.yaml -> Create new resource and add it to modules
# index.html
|- web
    |- xs-app.json -> Use replace capability of app router to insert UI5 service URL dynamically
    |- index.html


Listings:
Listings:
Zeile 28: Zeile 30:
== Text Bundles ==
== Text Bundles ==


* Create base language file at ''./web/resources/i18n/messagebundle.properties
* Create base language and 2nc language file:
* Create 2nd language file at ''./web/resources/i18n/messagebundle_de.properties
 
App root
|- web/resources/i18n
    |- messagebundle.properties
    |- messagebundle_de.properties


Add code:
Add code:
Zeile 48: Zeile 54:


Listing: https://github.com/mattxdev/opensap-hana7/blob/master/web/resources/index.html
Listing: https://github.com/mattxdev/opensap-hana7/blob/master/web/resources/index.html
== SAPUI5 App Structure ==
/web/resources/odataView
|- index.html
|- Component.js
{| class="wikitable"
! File !! Function
|-
| index.html || Load SAPUI5 bootstrap and initialize shell and component
|-
| Component.js || Initialize SAPUI5 component and create instance JSON configuration model
|}
'''index.html'''
'''Component.js'''


[[Category:SAP]]
[[Category:SAP]]
[[Category:HANA]]
[[Category:HANA]]
[[Category:JavaScript]]
[[Category:JavaScript]]

Version vom 16. November 2020, 12:52 Uhr

This page contains basic knowledge on how to start with SAPUI5 development on SAP HANA development stack.

SAPUI5 Micro Service

SAPUI5 libraries can be used from the public SAPUI5 libraries.

Since SAP HANA 2.0 SPS 03 XS Advanced is capable of providing a micro service itself for local consumption.

A local micro service can be created either in XS Advanced Cockpit at

  • HANAExpress -> development space -> Services -> Service Marketplace -> sapui5_sb

or via command line with: 

xs create-service sapui5_sb sapui5-1.52 openSAPHANA_00-ui5

The service has to be added in: 

App root
|- mta.yaml -> Create new resource and add it to modules
|- web
   |- xs-app.json -> Use replace capability of app router to insert UI5 service URL dynamically
   |- index.html

Listings:

  1. https://github.com/mattxdev/opensap-hana7/blob/master/mta.yaml
  2. https://github.com/mattxdev/opensap-hana7/blob/master/web/xs-app.json
  3. https://github.com/mattxdev/opensap-hana7/blob/master/web/resources/index.html

Text Bundles

  • Create base language and 2nc language file:
App root
|- web/resources/i18n
   |- messagebundle.properties
   |- messagebundle_de.properties

Add code: 

/* Language Resource Loader */
jQuery.sap.require("jquery.sap.resources");
var sLocale = sap.ui.getCore().getConfiguration().getLanguage();
var oBundle = jQuery.sap.resources({url: "./i18n/messagebundle.properties", locale: sLocale});

// create the button instance
var myButton = new sap.m.Button("btn");

// set properties, e.g. the text (there is also a shorter way of setting several properties)
// myButton.setText("Hello World!");
myButton.setText(oBundle.getText("helloworld"));

Listing: https://github.com/mattxdev/opensap-hana7/blob/master/web/resources/index.html

SAPUI5 App Structure

/web/resources/odataView
|- index.html
|- Component.js
File Function
index.html Load SAPUI5 bootstrap and initialize shell and component
Component.js Initialize SAPUI5 component and create instance JSON configuration model

index.html


Component.js

Abgerufen von „https://otremba.net/w/index.php?title=SAPUI5_Getting_Started_(SAP_HANA)&oldid=2600“