第一步：在index.html 中構造app, pages, shell
第二步：在shell controller js程式碼中 onInit方法中addContent(app)

第一步程式碼：

            sap.ui.localResources("mobile");

            var app = new sap.m.App({initialPage:"idpage2"});
            var page1 = sap.ui.view({id: "idpage1", viewName:"mobile.page1", type:sap.ui
 
.core.mvc.ViewType.XML});
            var page2 = sap.ui.view({id: "idpage2", viewName:"mobile.page2", type:sap.ui.core.mvc.ViewType.XML});
            app.addPage(page1);
            app.addPage(page2);


            var shell = sap.ui.view({id:"idshell", viewName:"mobile.ShellView", type:sap.ui.core
 
.mvc.ViewType.XML});

            shell.placeAt("content");

第二步程式碼：

    onInit: function() {


            this.getView().byId("myShell").addContent(app);

        },

ShellView.view.xml程式碼：

這裡寫程式碼片
<mvc:View
    controllerName="mobile.ShellController"
    xmlns:l="sap.ui.layout"
    xmlns:u
 
="sap.ui.unified"
    xmlns:mvc="sap.ui.core.mvc"
    xmlns="sap.m"
    class="viewPadding">
        <u:Shell
            id="myShell"
            icon="{/logo}">
            <u:headItems>
                <u:ShellHeadItem
                    tooltip="Configuration"
                    icon="sap-icon://menu2"
                    press="handlePressConfiguration" />
                <u:ShellHeadItem
                    tooltip="Home"
                    icon="sap-icon://home"
                    visible="false"
                    press="handlePressHome" />
            </u:headItems>
            <u:headEndItems>
                <u:ShellHeadItem
                    icon="sap-icon://log"
                    tooltip="Logoff"
                    press="handleLogoffPress" />
            </u:headEndItems>
            <u:user>
                <u:ShellHeadUserItem
                    image="sap-icon://person-placeholder"
                    username="Karl Mustermann"
                    press="handleUserItemPressed" />
            </u:user>
            <u:search>
                <SearchField
                    search="handleSearchPressed"/>
            </u:search>
            <u:paneContent>
                <Text text="Lorem ipsum" />
            </u:paneContent>
        </u:Shell>
</mvc:View>