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>運(yùn)行之后，會彈出一個 Alert 對話框。
代碼關(guān)鍵點(diǎn)逐行解釋：
data-sap-ui-theme
指定主題為 sap-fiori-3.
詳情參考文章：SAP UI5 應(yīng)用指定主題 theme 的幾種方式和其優(yōu)先級
data-sap-ui-libs
要在 HTML 頁面中使用 SAPUI5 功能，您必須加載并初始化 SAPUI5 庫。
您可以在頁面中使用 SAPUI5 引導(dǎo)程序腳本，以便在瀏覽器加載和執(zhí)行腳本后自動初始化 SAPUI5 運(yùn)行時。 對于簡單的用例以及默認(rèn)的 SAPUI5 安裝，這足以構(gòu)建和運(yùn)行 UI。 除此之外，您可以在配置設(shè)置中指定一組 SAPUI5 庫和用于您的應(yīng)用程序的主題。這通過 script 的屬性 data-sap-ui-libs 來完成。
如果我們刪除上圖第10行的 data-sap-ui-libs 屬性以及 sap.m, 整個應(yīng)用仍然能夠正常運(yùn)行，那為什么我們還需要這一行代碼呢？
data-sap-ui-libs 由 UI5 Core 的引導(dǎo)程序考慮。 該框架將確保預(yù)加載 data-sap-ui-libs 屬性中列出的所有庫，然后才觸發(fā)應(yīng)用程序可以附加到的 init 事件。 當(dāng)您刪除庫預(yù)加載時，這可能導(dǎo)致庫的每個所需模塊的單個請求，在最壞的情況下是同步請求并導(dǎo)致性能問題（您可以在網(wǎng)絡(luò)跟蹤中看到這一點(diǎn)）。 但是，如果您開發(fā)了 UI5 應(yīng)用程序（組件）并且在清單中正確維護(hù)了庫依賴項(xiàng)，則應(yīng)用程序/組件加載器會在應(yīng)用程序/組件初始化之前小心地為您預(yù)加載這些庫。
注意：如果您獨(dú)立運(yùn)行應(yīng)用程序，則引導(dǎo)程序?qū)⑻砑拥侥?HTML 頁面中。 在 SAP Fiori 啟動板環(huán)境中，啟動板執(zhí)行引導(dǎo)程序，不需要額外的 HTML 頁面來顯示應(yīng)用程序。
data-sap-ui-compatVersion
這個屬性和 SAP UI5 的兼容性設(shè)計(jì)有關(guān)。
兼容性版本標(biāo)志允許應(yīng)用程序?qū)?SAPUI5 中不兼容的更改做出反應(yīng)。
如兼容性規(guī)則中所述，對 SAPUI5 功能的更改是兼容的，請參閱兼容性規(guī)則。但是，在某些情況下，更改功能的行為可能是有意義的，例如更改默認(rèn)值或使用優(yōu)化的實(shí)現(xiàn)，而這些更改可能會導(dǎo)致不兼容。
兼容版本配置工作如下：
(1) 如果功能更改不兼容，則會引入版本標(biāo)志。
(2) 版本標(biāo)志必須在 SAPUI5 引導(dǎo)標(biāo)記中定義為全局（data-sap-ui-compatVersion 或?yàn)槊總€功能單獨(dú)定義（例如 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>如果未定義版本，則應(yīng)用該功能的默認(rèn)行為。
如果指定了顯式版本，則應(yīng)用指定版本的行為。
如果指定了 edge 版本，則應(yīng)用該功能的最新行為。
關(guān)于剩下的 data-sap-ui-async，data-sap-ui-resourceroots 和 data-sap-ui-oninit 的含義，請參閱我的博客：SAP UI5 初學(xué)者教程之二：SAP UI5 的引導(dǎo)過程。
總結(jié)
以上是生活随笔為你收集整理的SAP UI5 的 sap-ui-bootstrap script 脚本标签各属性解析的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 央视曝光车牌租借骗局：女子将车牌租给32
- 下一篇： iPhone 14 Pro Max用户换