likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 24

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

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

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

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

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

这里已经解析出来了:SAP UI5 Theme Library 的解析逻辑和 SAP UI5 配置元数据的默认值

this.sTheme 从哪里赋的值?

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

Configuration.js 里的 theme 字段已经有值了:SAP UI5 Theme Library 的解析逻辑和 SAP UI5 配置元数据的默认值

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

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

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

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

这里已经从全局对象 window 里看到 theme 属性了:SAP UI5 Theme Library 的解析逻辑和 SAP UI5 配置元数据的默认值

读取 script 标签页里的配置信息:SAP UI5 Theme Library 的解析逻辑和 SAP UI5 配置元数据的默认值

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

当页面中包含 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
转载自:https://segmentfault.com/a/1190000042008332
评论
请登录