SAP UI5 初学者教程之四：XML 视图初探

本教程的前三个步骤，我们要么直接在 index.html 里，利用原生的标签 div 显示文本，要么创建 SAP UI5 Text 控件实例，再将其放置于 HTML 占位符 div 标签里。

从本步骤开始，我们会接触 SAP UI5 非常重要的概念：XML 视图，这个概念也是 SAP UI5 MVC 三大支柱之一：View 即视图层。

本步骤的代码：

https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/04

同前一步骤相比，本步骤的 index.html 没有任何修改。

在 SAP UI5 框架完成初始化之后，执行通过 data-sap-ui-oninit 指定的我们自定义的 module，即位于 webapp 文件夹下面的 index.js 实现的同名 module.

在本教程第三步骤 SAP UI5 初学者教程之三：开始接触第一个 SAP UI5 控件里，我们在 index 模块里，新建了一个 Text 控件实例，并将其放置到 id 为 content 的占位符 div 标签里。

本步骤我们更进一步，新建一个 XML 视图实例，将该视图实例放置到占位符 div 标签页里。