SAP UI5 的 sap-ui-bootstrap script 脚本标签各属性解析
看這段測試代碼：
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>SAPUI5 Walkthrough</title><scriptid="sap-ui-bootstrap"src="./resources/sap-ui-core.js"data-sap-ui-theme="sap_fiori_3"data-sap-ui-libs="sap.m"data-sap-ui-compatVersion="edge"data-sap-ui-async="true"data-sap-ui-resourceroots='{"sap.ui.demo.walkthrough": "./"}'data-sap-ui-oninit="module:sap/ui/demo/walkthrough/index"></script> </head> <body> <div>Hello World</div></body> </html>運行之后，會彈出一個 Alert 對話框。
代碼關鍵點逐行解釋：
data-sap-ui-theme
指定主題為 sap-fiori-3.
詳情參考文章：SAP UI5 應用指定主題 theme 的幾種方式和其優先級
data-sap-ui-libs
要在 HTML 頁面中使用 SAPUI5 功能，您必須加載并初始化 SAPUI5 庫。
您可以在頁面中使用 SAPUI5 引導程序腳本，以便在瀏覽器加載和執行腳本后自動初始化 SAPUI5 運行時。 對于簡單的用例以及默認的 SAPUI5 安裝，這足以構建和運行 UI。 除此之外，您可以在配置設置中指定一組 SAPUI5 庫和用于您的應用程序的主題。這通過 script 的屬性 data-sap-ui-libs 來完成。
如果我們刪除上圖第10行的 data-sap-ui-libs 屬性以及 sap.m, 整個應用仍然能夠正常運行，那為什么我們還需要這一行代碼呢？
data-sap-ui-libs 由 UI5 Core 的引導程序考慮。 該框架將確保預加載 data-sap-ui-libs 屬性中列出的所有庫，然后才觸發應用程序可以附加到的 init 事件。 當您刪除庫預加載時，這可能導致庫的每個所需模塊的單個請求，在最壞的情況下是同步請求并導致性能問題（您可以在網絡跟蹤中看到這一點）。 但是，如果您開發了 UI5 應用程序（組件）并且在清單中正確維護了庫依賴項，則應用程序/組件加載器會在應用程序/組件初始化之前小心地為您預加載這些庫。
注意：如果您獨立運行應用程序，則引導程序將添加到您的 HTML 頁面中。 在 SAP Fiori 啟動板環境中，啟動板執行引導程序，不需要額外的 HTML 頁面來顯示應用程序。
data-sap-ui-compatVersion
這個屬性和 SAP UI5 的兼容性設計有關。
兼容性版本標志允許應用程序對 SAPUI5 中不兼容的更改做出反應。
如兼容性規則中所述，對 SAPUI5 功能的更改是兼容的，請參閱兼容性規則。但是，在某些情況下，更改功能的行為可能是有意義的，例如更改默認值或使用優化的實現，而這些更改可能會導致不兼容。
兼容版本配置工作如下：
(1) 如果功能更改不兼容，則會引入版本標志。
(2) 版本標志必須在 SAPUI5 引導標記中定義為全局（data-sap-ui-compatVersion 或為每個功能單獨定義（例如 data-sap-ui-compatVersion-xyz）.
看個例子：
<script id="sap-ui-bootstrap" type="text/javascript"src="resources/sap-ui-core.js"data-sap-ui-theme="sap_blue_crystal"data-sap-ui-libs="sap.ui.commons"data-sap-ui-compatVersion="1.18"data-sap-ui-compatVersion-<featureName>="1.16"></script>如果未定義版本，則應用該功能的默認行為。
如果指定了顯式版本，則應用指定版本的行為。
如果指定了 edge 版本，則應用該功能的最新行為。
關于剩下的 data-sap-ui-async，data-sap-ui-resourceroots 和 data-sap-ui-oninit 的含義，請參閱我的博客：SAP UI5 初學者教程之二：SAP UI5 的引導過程。
總結
以上是生活随笔為你收集整理的SAP UI5 的 sap-ui-bootstrap script 脚本标签各属性解析的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 央视曝光车牌租借骗局：女子将车牌租给32
- 下一篇： SAP UI5 的 兼容性规则 Comp