我们在 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
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。