SAP Fiori UI5概念

327 阅读3分钟

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。

UI5浏览器支持

SAP UI5架构

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

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脚本,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兼容数据。它支持实验双向数据绑定。