第4步:XML视图

说明

将我们所有的UI放入index.html文件很快就会导致混乱的设置，还有很多工作要做。因此，让我们通过将sap.m.Text控件放入专用视图来实现第一个模块化。

---

SAPUI5支持多种视图类型(XML、HTML、JavaScript)。
我们选择XML，因为这会产生最易读的代码，并迫使我们将视图声明与控制器逻辑分离。
但我们的UI外观不会改变。

预览

"Hello World"文本现在由SAPUI5控件显示(与上一步没有视觉上的变化)

代码

你可以在演练-第4步查看和下载所有文件。

webapp/view/App.view.xml (New)

<mvc:View
   xmlns="sap.m"
   xmlns:mvc="sap.ui.core.mvc">
</mvc:View>

我们在app中创建一个新的view文件夹，并在app文件夹中为XML视图创建一个新文件。XML结构的根节点是view。这里，我们引用了默认名称空间sap.m，我们的大多数UI都位于这里。我们定义了一个附加的带有别名mvc的sap.ui.core.mvc名称空间，SAPUI5 视图和所有其他模型-视图-控制器(mvc)都位于其中。

注意
命名空间标识项目的所有资源，并且必须是唯一的。如果您开发自己的应用程序代码或控件，则不能使用名称空间前缀sap，因为这个名称空间是为sap资源保留的。相反，只需定义您自己的唯一名称空间(例如，myCompany.myApp)。