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)

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

相关推荐
爱喝水的鱼丶15 天前
SAP-ABAP:SAP外网接口调用技术全景指南
运维·http·sap·abap·erp·接口调用·开发运维
ABAP 成15 天前
SAP的WPS导出找不到路径怎么办;上载报错怎么办
abap
爱喝水的鱼丶17 天前
SAP -ABAP:SAP 业务能力培养体系(结构化学习路径)
运维·开发语言·sap·abap·erp·业务学习
爱喝水的鱼丶1 个月前
SAP-ABAP:SAP数据库视图(Database View)详解-创建
sap·abap·erp·企业级应用·经验交流
聆听-往昔1 个月前
SAP Webide系列(7)- 优化FreeStyle新建项目预设模板
前端·sap·开发工具·fiori·sap ui5·webide
izumisrcd2 个月前
Fiori APP配置中的Semantic object 小bug
sap
爱喝水的鱼丶2 个月前
SAP-ABAP:SAP中REPORT程序和online程序的区别对比
sap·abap·erp·企业应用·开发运维
数字化转型20252 个月前
SAP CO End-User Training Material Document Agenda
sap
SAP学习成长之路2 个月前
了解 ALV 中的 field catalog (ABAP List Viewer)
开发语言·sap·abap
天边浮云2 个月前
ABAP 获取用户参数文件
经验分享·sap