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.
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 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)
控制器 : 控制器绑定到视图.它也可以用于多个视图
模型 : 可以在视图上使用数据绑定.
比较不同类型的视图
表中给出了不同类型视图的比较.
SAP UI5数据绑定
数据绑定使用UI5控件来保存数据源以保存应用程序数据.它允许在应用程序数据发生更改时自动更改控件.
使用双向数据绑定时,只要绑定控件的值发生更改,就会更新应用程序数据./p>
数据绑定支持绑定简单控件,如测试按钮,列表类型控件等.
数据绑定模型类型
SAP UI5支持三种类型的模型实现 :
JSON模型 : 它支持JavaScript Object Notation格式的数据.它支持双向数据绑定.
XML模型 : 它支持XML数据.它支持双向数据绑定.
OData模型 : 它创建OData请求并相应地处理响应.它仅支持OData兼容数据.它支持实验性的双向数据绑定.