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 从哪里赋的值?
Configuration.js 里的 theme 字段已经有值了:
SAP UI5 支持的配置的元数据:
默认数据硬编码:
这里已经从全局对象 window
里看到 theme
属性了:
读取 script 标签页里的配置信息:
当页面中包含 SAPUI5 引导脚本时,只要浏览器加载并执行该脚本,就会自动初始化 SAPUI5 运行时。 对于简单的用例和默认的 SAPUI5 安装,这应该足以构建和运行 UI5 应用程序。 通常需要指定的唯一附加信息是库集和要使用的主题。
UI5 支持 7 种不同的可能性来为可用的配置参数提供值。 选项 2 到 5 要求开发人员在应用程序启动之前(在预启动中)提供它们。 它们在技术上是等效的,但是在运行时它们将按下面给出的顺序进行评估。 因此,下面的列表按优先级升序排列:
-
有效的框架默认值
-
服务器范围的默认值,从 sap-ui-config.json读取。这个选项可以通过设置window["sap-ui-config"]为任意字符串值来激活。
-
全局配置对象窗口的属性["sap-ui-config"]
-
bootstrap标记的data-sap-ui-config属性中的配置字符串
-
bootstrap tag 的 data-sap-ui-myOption 属性
-
url parameter 参数
-
sap.ui.core.Configuration 的 api
标签:默认值,sap,theme,ui,UI5,SAP,属性 来源: https://www.cnblogs.com/sap-jerry/p/16392968.html