SAP Fiori - UI5 概念

---

SAP UI5是一个基于 Java 脚本的框架，用于设计多平台业务应用程序。它支持桌面和移动应用程序的各种数据模型和视图。SAP UI5 在开放的 Ajax 上编译，并且可以与 java 脚本库结合使用。

SAP UI5最初被命名为 phoenix，后来于 2011 年更名为SAP UI5。

关键用户界面技术

• Web Dynpro ABAP 和 Floorplan 管理器工具可用于创建新应用程序。

• SAP UI5和UI5应用程序开发工具可以改变适应或开发新的应用程序。

• SAP Dynpro 用于包含用于 GUI 优化的屏幕角色

SAP UI5的特点

SAP UI5 的特点如下：

• 精心设计的模型，易于消费。
• 性能优化，符合 SAP 标准
• 支持Ajax开源
• 包括 JavaScript 库
• 可扩展的 UI 组件模型
• 基于 Ajax、JavaScript、CSS 和 HTML 5 等开放标准。

关键组件 – 客户端和服务器 SAP UI5 –

客户

• JavaScript 库、图像文件
• 核心 JavaScript 文件
• 测试套件 HTML 和 JavaScript 文件

服务器

• 应用开发工具
• 主题生成器
• Java 中的资源处理程序
• 控制开发工具

UI5浏览器支持

SAP UI5 支持所有主要 Web 浏览器和最新版本，例如 IE、Mozilla Firefox、Google Chrome 和 Safari。

SAP UI5架构

SAP UI5 架构由核心 JavaScript 框架（包括 jQuery）组成。它由扩展库控件和主题组成。它有可选的服务器组件。

UI5 控制库

下面给出了常用的SAP UI5控件库。

• Sap.ui.commons - 这包括文本字段、按钮、字体等控件。

• Sap.ui.table - 这包括表格控件，如行、列等。

• Sap.ui.ux3 - 这包括 UX3 模式的属性。

• Sap.m - 这包括手机、平板电脑等移动设备的控件。

SAP UI5 和可扩展性

• SAP UI5 支持应用程序开发人员的可扩展性，并允许添加基于 JavaScript、HTML、UI5 的页面。

• 它允许编写新的 UI 库和新的控件。

• 为UI5核心编写插件。

• 从现有 UI5 控件创建控件。

• 包括其他 JavaScript 库

模型-视图-控制器概念

MVC 由三个概念组成。可以使用不同的语言（例如 Java 脚本、HTML）来定义视图。控制器用于绑定视图，模型与视图一起使用。

视图- 它可以使用 XML 和 HTM 进行定义，混合或独立

• XML - (sap.ui.core.mvc.xmlview)

• JavaScript - (sap.ui.core.mvc.JSView)

• JSON - (sap.ui.core.mvc.JSONView)

• HTML - (sap.ui.core.mvc.HTMLView)

控制器- 控制器绑定到视图。它还可以与多个视图一起使用

模型- 数据绑定可以在视图上使用。

不同类型视图的比较

表中给出了不同类型视图的比较。

SAP UI5 数据绑定

数据绑定是使用 UI5 控件到数据源来保存应用程序数据。只要应用程序数据发生变化，它就可以自动更改控件。

当您使用双向数据绑定时，只要绑定控件的值发生更改，应用程序数据就会更新。

数据绑定支持简单控件的绑定，如测试按钮、列表类型控件等。

数据绑定模型类型

SAP UI5 支持三种类型的模型实现 -

• JSON 模型- 它支持 JavaScript 对象表示法格式的数据。它支持双向数据绑定。

• XML 模型- 它支持 XML 数据。它支持双向数据绑定。

• OData 模型- 它创建 OData 请求并相应地处理响应。它仅支持 OData 兼容数据。它支持实验性的双向数据绑定。