0

我试图按照每个指南和教程在线设置自定义主题，但没有任何运气。

我在 SAP Cloud Platform 中设置了一个简单的 UI5 应用程序，并且还在 SAP Cloud Platform 的主题设计器服务中设置了一个自定义主题。该应用程序已与“/doorway/”链接（不是实际部署的 SCP 链接）链接，我可以在主题设计器中看到看起来正确的预览。

我的问题是将主题链接到我的应用程序。主题已发布并正在运行，但在 UI5 应用程序中使用 URL 或引导脚本链接不会使主题进入我的应用程序。

这是 index.html 文件中的引导脚本：

<script id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/1.48.9/resources/sap-ui-cachebuster/sap-ui-core.js"
        data-sap-ui-appCacheBuster="./"
        data-sap-ui-libs="sap.m"
        data-sap-ui-theme="customethemename"
        data-sap-ui-theme-roots='{"customethemename" : "https://customethemename-accountid.dispatcher.hana.ondemand.com/UI5/"}'
        data-sap-ui-compatVersion="edge"
        data-sap-ui-resourceroots='{"my.app.name": ""}'>
</script>

这是 neo-app.json 文件：

{ "path": " /themedesigner",
    "target": {
        "type": "application",
        "name": "themedesigner"
    },
    "description": "Route for theme designer"
}
4

1 回答 1

-1

通常 SAP UI5 应用程序具有默认主题 blue_crystal 和 gold_reflection 主题。但是如果想应用不同的主题，你可以创建一个主题文件，直接应用到App中。

应用自定义主题的步骤如下：

  1. 在您的应用程序的 WebContent 文件夹中创建文件夹资源；
  2. 自定义主题 zip 文件应该有一个“Base”和“UI5”文件夹；
  3. 上传UI5文件夹的内容（应该是名为“sap”的文件夹）；
  4. 将上述文件复制到创建的资源文件夹中；

  5. 在 index.html 中将主题名称从 sap_bluecrystal 更改为 CustomTheme；

    <script id="sap-ui-bootstrap"
    src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
    data-sap-ui-libs="sap.m"
    data-sap-ui-theme="CustomThemeName"
    data-sap-ui-compatVersion="edge"
    data-sap-ui-resourceroots='{"ResourceRoots": ""}'>
</script>

  6. 如果您还没有完成，请将路由添加到 neo-app.json。

  "routes": [
  {
    "path": "/resources",
    "target": {
      "type": "service",
      "name": "sapui5",
      "version":"1.52.6",
      "preferLocal":true,
      "entryPath": "/resources"
    },
    "description": "SAPUI5 Resources"
  }   
  ]

希望有帮助！

于 2018-03-13T10:35:06.183 回答