SAPUI5 WalkThrough Step 1: Bootstrap

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");
});

执行查看结果

标签：index,SAPUI5,Bootstrap,js,Step,ui,step1,sap
来源： https://www.cnblogs.com/keyuming/p/14983292.html