Hello World

Create app directory

Create a new directory helloworld inside the folder apps.
- myproject
- www
- apps
- helloworld

Create app configuration

Create a new file app.json inside the newly created folder helloworld.

myproject
www
apps
helloworld
app.json

app.json

{
    "app" : {
        "id" : "mycompany.helloworld",
        "name" : "Hello World"
    },
	
    "rootNavigation" : {
        "type" : "pks.ui5strap.core.NavContainer",
        "initialPages" : [
            "pageHelloWorld"
        ]
    },
    
    "pages" : [
        {
            "id" : "pageHelloWorld",
            "viewName" : ".view.HelloWorld"
        }
    ]
}

Create initial page

Create a new directory view inside the folder helloworld.

myproject
www
apps
helloworld
view
HelloWorld.view.xml
app.json

Inside the folder view, create a file HelloWorld.view.xml with the following contents:

HelloWorld.view.xml

<!-- XML Root Node -->
<sapUiCoreMvc:View controllerName="pks.ui5strap.viewer.ActionController" xmlns="pks.ui5strap.bs3" xmlns:sapUiCoreMvc="sap.ui.core.mvc"
                      xmlns:data="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1">
    <!-- START Page Content -->

    <Container type="Website">
        <!-- We only show ""Hello World" as Heading in a Website Container. -->
        <Heading text="Hello, World!" level="1" />
    </Container>
    
    <!-- END Page Content -->
</sapUiCoreMvc:View>

Next: Run »

Table of Contents

Basics

Appendix

Hello World

Create app directory

Create app configuration

Create initial page