SAPUI5 指出多種VIEW類型，包括XML,HTML,JavaScript

推薦使用XML，因?yàn)榭勺x性更高

我們提前介紹一下MVC架構(gòu)。

MVC是一種軟件架構(gòu)模式，它包括三個(gè)主要組件：模型（Model）、視圖（View）和控制器（Controller）。這三個(gè)組件分別負(fù)責(zé)處理應(yīng)用程序的數(shù)據(jù)、用戶界面和用戶輸入。MVC的設(shè)計(jì)目的是將應(yīng)用程序的邏輯和用戶界面分離，以實(shí)現(xiàn)代碼的重用、可維護(hù)性和可擴(kuò)展性。該模式通常用于開發(fā)Web應(yīng)用程序和桌面應(yīng)用程序。

上一個(gè)章節(jié)，我們是使用了一個(gè)標(biāo)準(zhǔn)text控件去輸出一句hello word

那么為了符合MVC架構(gòu)，我們在這個(gè)章節(jié)，我們將輸出的這部分內(nèi)容，放在VIEW.XML中

webapp/view/App.view.xml

<mvc:Viewxmlns="sap.m"xmlns:mvc="sap.ui.core.mvc"><Text text="Hello World"/>
</mvc:View>

新建完成之后，我們需要去修改index.js 去告訴程序，在哪里加載view

webapp/index.js

sap.ui.define(["sap/ui/core/mvc/XMLView"
], (XMLView) => {"use strict";XMLView.create({viewName: "ui5.walkthrough.view.App"}).then((oView) => oView.placeAt("content"));
});

一些注意點(diǎn)：

Conventions

• View names are capitalized

• All views are stored in the?view?folder

• Names of XML views always end with?*.view.xml

• The default XML namespace is?sap.m

• Other XML namespaces use the last part of the SAP namespace as alias (for example,?mvc?for?sap.ui.core.mvc)

這個(gè)章節(jié)的輸出內(nèi)容與上章節(jié)一致，只是實(shí)現(xiàn)方法不同，逐漸格式化