Step 2： SAPUI5引導

https://sapui5.hana.ondemand.com/#/topic/fe12df2e338e43598977d09f3d191b7b

在我們使用SAPUI5前，我們需要先載入對應的js庫，並對其進行初始化。載入和初始化結束後，我們使用js的alert語法，顯示一個提示資訊“UI5 is ready”。

在Step1的基礎上，在index.html中增加如下程式碼

    <script
        id="sap-ui-bootstrap"
        src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
 

        data-sap-ui-theme="sap_belize"
        data-sap-ui-libs="sap.m"
        data-sap-ui-compatVersion="edge"
        data-sap-ui-async="true"
        data-sap-ui-onInit="module:zdemo_step1/index"
        data-sap-ui-resourceroots='{
            "zdemo_step1": "./"
        }'>

在這一步中， 我們將載入並初始化sapui5對應的js庫。

　　src：js庫對應的位置

　　data-sap-ui-theme：fiori主題

data-sap-ui-resourceroots='{ "zdemo_step1": "./"}'  設定root為當前目錄，並命名為zdemo_step1

data-sap-ui-onInit="module:zdemo_step1/index"   onInit對應的JS檔案為 當前目錄中的index.js

並增加index.js檔案，內容如下

sap.ui.define([

], function () {
    "use strict";

    alert("UI5 is ready");
});
 

執行檢視結果