步骤2:引导程序

在使用SAPUI5进行操作之前,我们需要加载并初始化它。加载和初始化SAPUI5的过程称为引导。自举完成后,我们仅显示警报

1..练习效果

步骤2:引导程序 - 第1张  | 优通SAP

2.2.源码

您可以在演练-步骤2中查看和下载所有文件。

3.3.注意

SAPUI5是一个JavaScript库,可以从应用程序所在的同一Web服务器或不同的服务器加载。如果SAPUI5部署在服务器上的其他位置,或者您想使用其他服务器,则需要在引导程序中调整相应的路径(此处:src =” / resources / sap-ui-core.js”),请根据您自己的要求。

您可以将此参考用于SAPUI5的最新稳定版本,以用于教程或测试目的,但切勿将其用于生产用途。在实际的应用程序中,您始终必须明确指定SAPUI5版本。

有关CDN的更多信息,请参阅从内容交付网络进行引导的变体

如果您使用的是SAP Web IDE,则可以右键单击该项目,然后选择“ 步骤2:引导程序 - 第2张  | 优通SAP新建  步骤2:引导程序 - 第3张  | 优通SAP HTML5应用程序描述符” 步骤2:引导程序 - 第4张  | 优通SAP以使/资源…参考工作。这将创建neo-app.json文件,该文件为此路径配置URL映射。

4.webapp / index.html

在此步骤中,我们从本地Web服务器加载SAPUI5框架,并
使用以下配置选项初始化核心模块:

  • 的 src 的属性 <脚本>标记告诉浏览器在哪里可以找到SAPUI5核心库–它将初始化SAPUI5运行时并加载其他资源,例如
    data-sap-ui-libs 属性。
  • SAPUI5控件支持不同的主题,我们选择
    sap_belize 作为我们的默认主题。
  • 我们指定所需的UI库 汁液 包含本教程需要的UI控件。
  • 为了利用SAPUI5的最新功能,我们
    将兼容性版本定义为边缘
  • 我们将“引导”过程配置为异步运行。这意味着
    出于性能原因,可以在后台同时加载SAPUI5资源。
  • 我们告诉SAPUI5核心,
    sap.ui.demo.walkthrough 命名空间与 index.html
    例如,对于在SAP Fiori启动板中运行的应用程序来说,这是必需的。

5.5. webapp / index.js(新)

现在,我们创建一个新的index.js脚本,其中将包含本教程步骤的应用程序逻辑。我们这样做是为了避免
出于安全原因直接在HTML文件中包含可执行代码。该脚本将由
index.html 调用。我们以声明的方式将其定义为模块。

留下一个回复

你的email不会被公开。

4 × one =