Question

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

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

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

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

$Folder1Path = 'C:\test1'
$Folder2Path = 'C:\test2'
$folder1Files = Get-ChildItem -Recurse -path $Folder1Path
$folder2Files = Get-ChildItem -Recurse -path $Folder2Path
$file_Diffs = Compare-Object -ReferenceObject $folder1Files -DifferenceObject $folder2Files
$file_Diffs | 
  foreach {
     $copyParams = @{'Path' = $_.InputObject.FullName}
     if($_.SideIndicator -eq '<=' )
     { 
         $copyParams.Destination = $_.InputObject.FullName -replace [regex]::Escape($Folder1Path),$Folder2Path
     }
     copy-Item @copyParams -force
}

这是neo-app.json文件：

<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>

Answer 1

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

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

在您应用中的WebContent文件夹中创建文件夹资源;
自定义主题zip文件应包含“Base”和“UI5”文件夹;
上传UI5文件夹的内容（应该是名为“sap”的文件夹）;
将上述文件复制到创建的资源文件夹中;

将主题名称从sap_bluecrystal更改为CustomTheme in 的index.html;

<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>

如果你还没有这样做的话，请给neo-app.json添加路线。

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

希望有所帮助！

为Sap Cloud UI5应用程序设置自定义主题

1 个答案: