Fiori-Step2-Bootstrap

有了hello world做铺垫,这一步太简单了,当然也是非常重要的一步,它成功了才意味着真正使用了SAP UI5的Bootstrap

在hello world代码中加入script

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 http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<title>Walkthrough</title>
<script
id="sap-ui-bootstrap"
src="/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-preload="async" >
</script>
<script>
sap.ui.getCore().attachInit(function () {
alert("UI5 is ready");
});
</script>
</head>
<body>
<p>Hello World</p>
</body>
</html>

执行发现并没有弹出对话框,原因是js路径需要根据你文件夹的路径进行调整,也可以直接用外网的
https://sapui5.hana.ondemand.com/resources/sap-ui-core.js
替换代码中的src属性

1
src="/resources/sap-ui-core.js"

1
src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"

再次执行,对话框出现了

Jim Guo wechat
ex. subscribe to my blog by scanning my public wechat account