本教程的前三個步驟，我們要么直接在 index.html 里，利用原生的標簽 div 顯示文本，要么創(chuàng)建 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 框架完成初始化之后，執(zhí)行通過 data-sap-ui-oninit 指定的我們自定義的 module，即位于 webapp 文件夾下面的 index.js 實現的同名 module.

在本教程第三步驟 SAP UI5 初學者教程之三：開始接觸第一個 SAP UI5 控件里，我們在 index 模塊里，新建了一個 Text 控件實例，并將其放置到 id 為 content 的占位符 div 標簽里。

本步驟我們更進一步，新建一個 XML 視圖實例，將該視圖實例放置到占位符 div 標簽頁里。

總結

以上是生活随笔為你收集整理的SAP UI5 应用开发教程之四：XML 视图初探的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。