在使用SAPUI5进行操作之前，我们需要加载并初始化它。加载和初始化SAPUI5的过程称为引导。自举完成后，我们仅显示警报
1..练习效果
2.2.源码
您可以在演练-步骤2中查看和下载所有文件。
3.3.注意
SAPUI5是一个JavaScript库，可以从应用程序所在的同一Web服务器或不同的服务器加载。如果SAPUI5部署在服务器上的其他位置，或者您想使用其他服务器，则需要在引导程序中调整相应的路径（此处：src =” / resources / sap-ui-core.js”），请根据您自己的要求。
您可以将此参考用于SAPUI5的最新稳定版本，以用于教程或测试目的，但切勿将其用于生产用途。在实际的应用程序中，您始终必须明确指定SAPUI5版本。
有关CDN的更多信息，请参阅从内容交付网络进行引导的变体。
如果您使用的是SAP Web IDE，则可以右键单击该项目，然后选择“ 
新建 
HTML5应用程序描述符” 
以使/资源…参考工作。这将创建neo-app.json文件，该文件为此路径配置URL映射。
4.webapp / index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SAPUI5 Walkthrough</title> <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:sap/ui/demo/walkthrough/index" data-sap-ui-resourceroots='{ "sap.ui.demo.walkthrough": "./" }'> </script> </head> <body> <div>Hello World</div> </body> </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（新）
|
1 2 3 4 5 6 7 8 |
sap.ui.define([ ], function () { "use strict"; alert("UI5 is ready"); }); |
现在，我们创建一个新的index.js脚本，其中将包含本教程步骤的应用程序逻辑。我们这样做是为了避免
出于安全原因直接在HTML文件中包含可执行代码。该脚本将由
index.html 调用。我们以声明的方式将其定义为模块。