SAP UI5 walkthrough step4 XML Views

SAPUI5 指出多种VIEW类型,包括XML,HTML,JavaScript

推荐使用XML,因为可读性更高

我们提前介绍一下MVC架构。

MVC是一种软件架构模式,它包括三个主要组件:模型(Model)、视图(View)和控制器(Controller)。这三个组件分别负责处理应用程序的数据、用户界面和用户输入。MVC的设计目的是将应用程序的逻辑和用户界面分离,以实现代码的重用、可维护性和可扩展性。该模式通常用于开发Web应用程序和桌面应用程序。

上一个章节,我们是使用了一个标准text控件去输出一句hello word

那么为了符合MVC架构,我们在这个章节,我们将输出的这部分内容,放在VIEW.XML中

webapp/view/App.view.xml

<mvc:View
   xmlns="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"));
});

一些注意点:

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)

这个章节的输出内容与上章节一致,只是实现方法不同,逐渐格式化

相关推荐
izumisrcd2 天前
Fiori APP配置中的Semantic object 小bug
sap
爱喝水的鱼丶6 天前
SAP-ABAP:SAP中REPORT程序和online程序的区别对比
sap·abap·erp·企业应用·开发运维
数字化转型202511 天前
SAP CO End-User Training Material Document Agenda
sap
SAP学习成长之路12 天前
了解 ALV 中的 field catalog (ABAP List Viewer)
开发语言·sap·abap
天边浮云12 天前
ABAP 获取用户参数文件
经验分享·sap
山茶花开时。15 天前
[SAP ABAP] 静态断点的使用
开发语言·sap·abap
山茶花开时。16 天前
[SAP ABAP] Debug Skill
开发语言·sap·abap
山茶花开时。21 天前
[Dialog屏幕开发] 设置搜索帮助
开发语言·sap·abap
LilySesy1 个月前
【业务案例】F.13——SAP系统标准的清帐程序有BUG?
运维·bug·sap·abap·esb·internet服务
小羔羊的官方学习账号1 个月前
SAP -最简单smartforms打印保存到本地pdf方法
运维开发·sap·abap