SAP OPEN UI5 Step2 Bootstrap
转载请联系vx：xiaoshitou5854
引入sap ui5的js库文件
webapp/index.html：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SAPUI5 Walkthrogh</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>
<dir>Hello Word</dir>
</body>
</html>
src：库js放在哪里，此例子是做练习，所以是从sap的server上取。实际在生产环境里，js文件要放在自己的server上，写法是src="/resources/sap-ui-core.js"，意思是sap-ui-core.js放在自己server的resources目录下了。
data-sap-ui-them：主题样式
data-sap-ui-libs：使用的库
data-sap-ui-async：异步
data-sap-ui-onInit：初始化js文件的名字，例子里的index，就是index.js
sap/ui/demo/walkthrough/和sap.ui.demo.walkthrough是对应的，就是把斜线还成了点。
意思是，index.js的位置是sap.ui.demo.walkthrough对应的目录下。
那么sap.ui.demo.walkthrough对应的具体目录，是在哪里定义的呢？
是在下面的data-sap-ui-resourceroots里定义的，
data-sap-ui-resourceroots：定义sap.ui.demo.walkthrough对应的目录。例子里的【./】的意思是，和index.html在同一个目录。
如果是【./jss/】则sap.ui.demo.walkthrough对应的目录是，和index.html的同级目录下的jss目录。
webapp/index.js (New)
sap.ui.define([
], function () {
"use strict";
alert("UI5 is ready");
});
这样写js的话，就不能直接调用此js，但能被index.html调用
执行效果，会弹出一个警告框，显示UI5 is ready
qq互助群：
标签:
ui5
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 字符编码：从基础到乱码解决
2019-06-20 Linux 读写锁
2018-06-20 emacs 绑定快捷键 c/c++
2018-06-20 用emacs 阅读 c/c++ 代码