SAP前端路---SAPUI5的引入和简单配置

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34119437/article/details/86483283

我也刚刚接触SAPUI5。边学边记录,希望大家不吝赐教。

文章中demo将遵循SAPUI5 SDK中所提供的demo例子。

本文demo地址 https://sapui5.hana.ondemand.com/#/topic/fe12df2e338e43598977d09f3d191b7b

<!DOCTYPE html>
<html>
	<head>
		<meta content="IE=edge" http-equiv="X-UA-Compatible">
		<meta charset="utf-8">
		<title>SAP实验项目</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-preload="async"
			>
		</script>
		<script>
            sap.ui.getCore().attachInit(function () {
             alert("UI5 is ready");
            });
		</script>
	</head>
	<body class="sapUiBody">
		<p>hello world</p>
		<div id="content"></div>
	</body>
</html>

id  就是id (暂时没发现有什么具体的用途,有知道的大神麻烦解释一下,谢谢)

src 选择sap-ui-core.js的加载路径。 如果使用http://<<server>>:<<port>>/resources/sap-ui-core.js加载路径的时候要注意 server指服务器地址 port是端口。

data-sap-ui-theme 选择加载的主题,此处选择sap_belize。sap有很多主题可以供选择,大家自己去探究吧

data-sap-ui-libs 选择默认的库文件

data-sap-ui-compatVersion = edge  此处设置兼容模式为edge是为了方便使用sapui5的最新功能

data-sap-ui-preload = async   设置文件加载形式为异步加载。

 值得注意的是,当所有的文件都加载完毕时候会触发全局函数init,表示所有文件已经加载完毕。在样例中我们调用sap.ui.core()来获取对sapui5核心的引用,并通过在核心上调用attachInit(...)来为init事件注册匿名回调函数。我们声明的匿名函数将会在sapui5文件加载完成后启动。

(sap.ui.core.js)中包含一个jQuery的副本,这意味着我们可以在sapui5中使用jQuery的功能

猜你喜欢

转载自blog.csdn.net/qq_34119437/article/details/86483283