SAP OPEN UI5 Step2 Bootstrap
阿新 • • 發佈：2021-06-21
轉載請聯絡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所在的server
data-sap-ui-them：主題樣式
data-sap-ui-libs：使用的庫
data-sap-ui-async：非同步
data-sap-ui-onInit：初始化js檔案的名字，例子裡的index，就是index.js
data-sap-ui-resourceroots：初始化js檔案所在的路徑，例子裡的【./】的意思是，和index.html在同一個目錄。
webapp/index.js (New)
sap.ui.define([ ], function () { "use strict"; alert("UI5 is ready"); });
這樣寫js的話，就不能直接呼叫此js，但能被index.html呼叫
執行效果，會彈出一個警告框，顯示UI5 is ready
本人微信：xiaoshitou5854