SAP Fiori UI5 详解

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

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

关键 UI 技术

Web Dynpro ABAP 和 Floorplan manager 工具可用于创建新的应用程序。
SAP UI5 和 UI5 应用程序开发工具，用于更改、适应或开发新的应用程序。
SAP Dynpro 用于包括用于 GUI 优化的屏幕角色

SAP UI5 的特点

SAP UI5 的特点如下:

Well Designed models, easy to consume.
性能优化，符合 SAP 标准
支持 Ajax 开源
包含 JavaScript 库
可扩展的 UI 组件模型
基于开放标准，如 Ajax、JavaScript、CSS 和 HTML5。

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

客户端客户端

JavaScript 库, Image 文件
核心 JavaScript 文件
测试套件 HTML 和 JavaScript 文件

服务器服务器

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

UI5 浏览器支持

SAP UI5 支持所有关键的 web 浏览器和最新版本，如 IE、Mozilla Firefox、Google Chrome 和 Safari。

SAP UI5 架构

SAP UI5 架构由包括 jQuery 在内的核心 JavaScript 框架组成。

它由扩展库控件和主题组成。它有可选的服务器组件。

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 模式

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

视图（View）- 它可以使用 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)

控制器（Controller）- 控制器绑定到视图。它也可以用于多个视图

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

不同类型视图的比较

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

SAP UI5 数据绑定

数据绑定用于将 UI5 控件绑定到数据源以保存应用程序数据。它可以在应用程序数据发生更改时自动更改控件。

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

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

数据绑定模型类型

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

JSON 模型 - 它支持 JavaScript 对象格式的数据。它支持双向数据绑定。
XML 模型 - 它支持 XML 数据。它支持双向数据绑定。
OData 模型 - 它创建 OData 请求并相应地处理响应。它只支持 OData 兼容的数据。它支持实验性的双向数据绑定。