SAP UI5 的本地 Fiori sandbox Launchpad
生活随笔
收集整理的這篇文章主要介紹了
SAP UI5 的本地 Fiori sandbox Launchpad
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
源代碼如下：
<!DOCTYPE html> <html><head><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Fiori Launchpad Sandbox</title><script>window["sap-ushell-config"] = {defaultRenderer: "fiori2",bootstrapPlugins: {KeyUserPlugin: {component: "sap.ushell.plugins.rta"},PersonalizePlugin: {component: "sap.ushell.plugins.rta-personalize"}},applications: {"display-uimodule": {title: "Products",description: "App Description",icon: "sap-icon://add",additionalInformation: "SAPUI5.Component=tutorial.products",applicationType: "URL",url: "./",navigationMode: "embedded"},"display-uimodule2": {title: "Jerry Products",description: "Jerry's Products",icon: "sap-icon://add",additionalInformation: "SAPUI5.Component=tutorial.products",applicationType: "URL",url: "./",navigationMode: "embedded"}}};</script><scriptid="sap-ui-bootstrap"src="https://sapui5.hana.ondemand.com/test-resources/sap/ushell/bootstrap/sandbox.js"></script><scriptid="sap-ui-bootstrap"src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"data-sap-ui-resourceroots='{"tutorial.products": "./"}'data-sap-ui-theme="sap_fiori_3"data-sap-ui-compatVersion="edge"data-sap-ui-async="true"data-sap-ui-frameOptions="allow"></script><script>sap.ui.getCore().attachInit(() => sap.ushell.Container.createRenderer().placeAt("content"));</script></head><body class="sapUiBody" id="content"></body> </html>實現要點
直接給 window 的 sap-ushell-config 屬性寫入 Fiori Launchpad 的配置值，其中 Launchpad tiles 的配置，寫在 applications 字段里：
其中 additionalInformation 字段的 SAPUI5.Component=后面，指定了 tile 對應的 SAP UI5 Component 的技術明細。
該 Component 對應的 Component.js, 必須和 Fiori Launchpad 本地實現的 flpSandbox.html, 位于同一層級結構下：
最后效果如下：
更多Jerry的原創文章，盡在：“汪子熙”:
總結
以上是生活随笔為你收集整理的SAP UI5 的本地 Fiori sandbox Launchpad的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 哈尔滨天空现不明飞行物：多个光点相互追逐
- 下一篇： SAP UI5 应用的中文乱码问题