SAP Fiori - UI5概念

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

SAP UI5 最初命名为phoenix,后来改为 SAP UI5 2011年.

关键UI技术

  • Web Dynpro ABAP和平面布置管理器工具可用于创建新应用程序.

  • 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支持所有关键的网络浏览器和最新版本,如IE,Mozilla Firefox,谷歌浏览器和Safari.

UI5浏览器支持

SAP UI5架构

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

UI5架构

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 Scripts,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)

控制器 : 控制器绑定到视图.它也可以用于多个视图

模型 : 可以在视图上使用数据绑定.

Controller

比较不同类型的视图

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

表

SAP UI5数据绑定

数据绑定使用UI5控件来保存数据源以保存应用程序数据.它允许在应用程序数据发生更改时自动更改控件.

使用双向数据绑定时,只要绑定控件的值发生更改,就会更新应用程序数据./p> 数据绑定

数据绑定支持绑定简单控件,如测试按钮,列表类型控件等.

数据绑定模型类型

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

  • JSON模型 : 它支持JavaScript Object Notation格式的数据.它支持双向数据绑定.

  • XML模型 : 它支持XML数据.它支持双向数据绑定.

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