SAP Fiori – UI5 概念

SAP Fiori – UI5 概念


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

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

关键用户界面技术

  • Web Dynpro ABAP 和 Floorplan 管理器工具可用于创建新应用程序。

  • SAP UI5 和 UI5 应用程序开发工具的变化适应或开发新的应用程序。

  • SAP Dynpro 用于包含用于 GUI 优化的 Screen Personas

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 Scripts、HTML)定义视图。控制器用于绑定视图,模型与视图一起使用。

视图– 可以使用带有 HTM、混合或独立的 XML 定义

  • 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 兼容数据。它支持实验性的双向数据绑定。

觉得文章有用?

点个广告表达一下你的爱意吧 !😁