SAP UI5 Theme Library 的解析逻辑和 SAP UI5 配置元数据的默认值

我们在 SAP UI5 应用的 index.html 里通过属性 data-sap-ui-theme=“sap_fiori_3” 指定 theme，会导致运行时自动加载对应的 library.css 文件。

上图 id 为 sap-ui-bootstrap 的 script 标签，也称为 bootstrap 标签。SAP UI5 对这个标签，包括其 data-sap-ui-XXX 属性的解析细节，在我这些文章里详细介绍过：

• SAP UI5 应用开发教程之九十八 - 从 viewId 这个属性谈起，聊聊 SAP UI5 的 HTML 源代码生成机制

• SAP UI5 应用开发教程之九十九 - 深入探讨 SAP UI5 本地开发环境里的 package.json 和 ui5.yaml

• SAP UI5 应用开发教程之一百 - 如何修改 SAP UI5 框架的源代码实现，以及使用本地部署的 SAP UI5 SDK

这里已经解析出来了：

this.sTheme 从哪里赋的值？

扫描二维码关注公众号，回复： 14381608 查看本文章

Configuration.js 里的 theme 字段已经有值了：

SAP UI5 支持的配置的元数据：

默认数据硬编码：

这里已经从全局对象 window 里看到 theme 属性了：

读取 script 标签页里的配置信息：

当页面中包含 SAPUI5 引导脚本时，只要浏览器加载并执行该脚本，就会自动初始化 SAPUI5 运行时。 对于简单的用例和默认的 SAPUI5 安装，这应该足以构建和运行 UI5 应用程序。 通常需要指定的唯一附加信息是库集和要使用的主题。

UI5 支持 7 种不同的可能性来为可用的配置参数提供值。 选项 2 到 5 要求开发人员在应用程序启动之前（在预启动中）提供它们。 它们在技术上是等效的，但是在运行时它们将按下面给出的顺序进行评估。 因此，下面的列表按优先级升序排列：

1. 有效的框架默认值

2. 服务器范围的默认值，从 sap-ui-config.json读取。这个选项可以通过设置window[“sap-ui-config”]为任意字符串值来激活。

3. 全局配置对象窗口的属性[“sap-ui-config”]

4. bootstrap标记的data-sap-ui-config属性中的配置字符串

5. bootstrap tag 的 data-sap-ui-myOption 属性

6. url parameter 参数

7. sap.ui.core.Configuration 的 api