0
点赞
收藏
分享

微信扫一扫

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

我们在 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 应用开发教程之九十八 - 从 viewId 这个属性谈起,聊聊 SAP UI5 的 HTML 源代码生成机制

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

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

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

相关推荐

0 条评论