SAP UI5 应用 XML 视图的加载逻辑分析

Posted JerryWangSAP

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SAP UI5 应用 XML 视图的加载逻辑分析相关的知识,希望对你有一定的参考价值。

任务:分析 SAP UI5 root XML 视图的加载逻辑。


鼠标放到 initiator 这一列上,找到调用栈的 UIComponent.js 的 createContent 方法:


可以看到,这里的逻辑是,从 manifest.json 里解析出 root view 定义,然后实例化该视图。

我们再来看看另一个 root 视图加载失败的 SAP UI5 应用:

Access to XMLHttpRequest at \'https://sapui5.hana.ondemand.com/resources/sap/ui/demo/CombineLatest/Combine.view.xml\' from origin \'http://localhost:3002\' has been blocked by CORS policy: No \'Access-Control-Allow-Origin\' header is present on the requested resource.

也成功解析出 root view 的名称了:

使用 ajax 加载 xml view:

正确的 path:

错误的 path:

命中:

再看出问题的应用:

找到问题了:大小写不匹配。

这个 c 改成 C 后,问题消失:

更多Jerry的原创文章,尽在:"汪子熙":

以上是关于SAP UI5 应用 XML 视图的加载逻辑分析的主要内容,如果未能解决你的问题,请参考以下文章

SAP UI5 sap-ui-core.js的加载逻辑

SAP UI5 XML 视图里 label 和 text 控件文本对齐问题

SAP UI5 本地开发如何实现 XML 和 JavaScript 代码的自动完成和嵌入式 API 文档自动显示

SAP UI5 Page 控件的构造函数参数讲解

有选择性的启用SAP UI5调试版本的源代码

HTML5开发移动web应用——SAP UI5篇