SAP UI5是一个基于Java脚本的框架,用于设计多平台业务应用程序。它支持桌面和移动应用程序的各种数据模型和视图。SAP UI5在开放的Ajax上编译,并且可以与java脚本库相结合。
SAP UI5最初被命名为phoenix,后来在2011年更名为SAP UI5。
主要UI技术
- 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支持所有关键的网络浏览器和最新版本,如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由三个概念组成。可以使用不同的语言(如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兼容数据。它支持实验双向数据绑定。