Skip to Content
Previous

SAPUI5


官方教程与资源

 

面向 HTML5 (SAPUI5) 的 UI 开发工具包能为你提供所需的一切功能,帮助你构建具有丰富内容的现代化用户界面的企业级 Web 应用。 该工具包支持主要的 SAP 平台。同时,鉴于 SAPUI5 的大部分组件都通过 OPENUI5 实现了开源化,因此,你可以在 SAP 生态系统之外使用 SAPUI5。

我们网罗了官方的 SAPUI5 学习资源,包括教程、社区和其他信息。

Next

SAPUI5 简介

企业级 Web 工具包

SAPUI5 提供了构建企业级 Web 应用所需的一切功能。SAPUI5 通过在后台管理诸多事务,为简化开发流程奠定了坚实的基础。与此同时,你依然能够自由地做你想做的事情。 

强大的 UI 灵活性

你可以采用安全升级的方式进一步优化 SAPUI Web 应用,而且其中某些操作还不需要使用代码。这样,你不仅能够针对多个用例设置应用,还能使用现成的个性化功能。

拥有一致的用户体验

利用 SAPUI5 开发的应用(包括前端功能、SAP 解决方案以及其他应用)都采用一致的设计语言和预定义的用户体验模式,因此具有巨大的优势。SAPUI5 支持所有设备和浏览器,具有极高的可访问性。

拥有一致的用户体验

SAPUI5 应用的所有前端功能都采用一致的设计语言和预定义的用户体验模式,因此具有巨大的优势。你可以采用预定义的主题,也可以利用 UI 主题设计工具自己创建。

UI 自适应屏幕大小

SAPUI5 应用在智能手机、平板电脑和台式电脑上均可运行,你完全不需要担心设备规格问题。UI 控件会根据每款设备的容量自动作出调整,以充分利用可用的不动产。

易于使用


如果你熟悉 JavaScript 和通用的 Web 标准,那么对你而言,使用 SAPUI5 将会超级简单。你可以基于即用的应用模板开发应用。这些模板包含了通用的应用功能和测试,并且这些功能和测试具备可扩展性,你可以在需要时,轻松添加定制功能。

揭秘 SAPUI5 架构

SAPUI5 核心通过在后台管理现代化应用开发的诸多事务,为简化 Web 应用开发流程奠定了坚实的基础。

该 UI 库包含了各种 UI 控件,既有基本的元素,又有复杂的 UI 模式,而且你可以通过直接整合这些控件设计极具吸引力的应用布局。所有 UI 控件都采用一致的设计语言和用户体验模式,因此具有巨大的优势。

借助 SAPUI5 的灵活性服务所提供的功能,你能够轻松调整应用的 UI,并将变更存储在分层的存储库内。

你可以利用各种工具完成打包。在开发和维护阶段,这些工具能帮助你构建和测试应用,并诊断和解决问题。

概要矩阵

功能 详细信息
易访问性
SAPUI5 控件旨在持续遵循各种产品标准,如屏幕阅读器支持、 高对比度主题
设置和键盘处理。
应用缓存清理程序

应用缓存清理程序类似于缓存清理程序,但前者针对的是应用资源。

SAPUI5 仅支持面向 ABAP 的 SAP NetWeaver Application Server 上的应用缓存清理程序。

应用模板
应用模板中整合了 SAP 的最新建议,可以用于各种用途,例如,开发人员可以基于这些模板,根据 SAP Fiori 设计指南开发应用。这些模板包含了通用的应用功能和测试,并且这些功能和测试具备可扩展性,你可以在需要时,轻松添加定制功能。
缓存清理程序

基于缓存清理程序,只有在 SAPUI5 资源发生变化时,SAPUI5 才会通知浏览器刷新资源。若资源没有变化,系统会始终从浏览器的缓存中获取资源。

SAPUI5 支持面向 Java 和 ABAP 服务器以及 SAP Cloud Platform 的缓存清理概念。SAP HANA 扩展应用服务不支持缓存清理概念。

组件
组件是指 SAPUI5 应用中使用的可重复使用的独立部件。
控件

控件用于定义屏幕区域的外观和行为。

SAPUI5 中包含了 200 余种控件,既有基本的元素,又有复杂的 UI 模式。

绑定
类型

SAPUI5 支持三种不同的绑定类型:属性绑定、聚合绑定和元素绑定。
数据绑定

数据绑定用于将两种数据源或信息源绑定在一起,以保持同步:
一个数据源中的所有变化都会反映在另一个数据源中。

SAPUI5 支持与 OData、JSON、XML 以及其他数据格式绑定。

描述符
描述符源自 W3C 引入的 Web Application Manifest(Web 应用清单)概念,提供了一个集中的、机器可读且易于访问的地点,用于存储与应用、应用组件或资源库相关的元数据。
设备适应性
SAPUI5 支持多种功能,旨在适应不同的操作系统和设备。
可扩展性
你可以根据自己的特定需求,扩展 SAPUI5 应用。例如,你可以扩展或替换视图和控制器, 或者更改语言特定文本。

碎片
碎片是指轻量级 UI 部件(UI 子树),可重复使用,定义与视图类似,但无需
使用任何控制器或其他行为代码。SAPUI5 提供 XML、HTML 和 JS 碎片。
灵活性
SAPUI5 集中管理 UI 和服务器消息。
消息管理
SAP Web IDE 依靠 SAP Cloud Platform(云平台)架构进行身份认证,以及与不同系统或其他组件建立安全连接。SAP Web IDE 可以使用任何身份提供程序 (IdP),包括客户定义的 IdP,或者使用 SAP HANA 云连接器与企业预置型系统建立安全连接
模拟服务器
模拟服务器的作用是提供模拟服务和模拟数据。该服务器支持基于服务元数据随机生成的数据,以及 JSON 文件提供的模拟数据。

模型

SAPUI5 的模型中存有数据,并提供从数据库中检索数据以及设置和更新数据的方法。

SAPUI5 提供以下预定义的模型:OData、JSON、XML 和资源模型。你也可以为未包含在框架中的数据源或 域特定的数据源创建自定义模型实现。

 
模型视图
控制器
SAPUI5 中采用了模型视图控制器 (MVC) 概念,用于将信息表示与用户交互区分开来。   
模块化和依赖
管理
针对综合型 JavaScript 应用的模块化,SAPUI5 框架提供了内置支持。   
导航 SAPUI5 提供了基于哈希算法的导航,支持你构建单页式应用。在此类应用中, 导航通过更改哈希算法来实现。
 
性能评估 SAPUI5 中含有评估应用性能的工具。  
资源处理 SAPUI5 中的资源处理分为客户端和服务器端两部分。这两部分相互补充,又互不依赖。  
“从右向左”支持 SAPUI5 支持从右向左 (RTL) 的布局。启用该功能后,整体页面方向
设置为从右向左,且所有 SAPUI5 内容都以从右向左的模式呈现。自动写入的控件和内容必须单独进行测试。
 
路由模式
SAPUI5 提供以下几种模式:硬编码模式、路径含有必输参数模式、路径含有可选参数模式、路径含有查询参数模式,以及通配参数模式  
支持工具 SAPUI5 具有多种不同的支持工具,能够帮助你排除故障和解决可能发生的任何问题。   
模板

SAPUI5 支持 HTML 模板和 XML 模板。

SAPUI5 中的 HTML 模板概念支持你根据模型中的属性绑定文本。若模型
中的属性发生变化, 文本会相应更新。

XML 模板概念支持你将 XML 视图用作模板。在从 XML 数据源中创建 SAPUI5 控件树前,在运行时期间,XML 预处理程序会在源级别(即 XML 文档对象模型)转换该模型。

 
测试 SAPUI5 提供了多种测试选项,如单元测试和集成测试,以及模拟服务器。  
文本本地化 SAPUI5 中文本本地化的框架概念与 Java 平台的基本概念一致。
 
主题 SAPUI5 支持创建和使用不同的视觉设计,即主题。 这些主题可以交替使用,实时切换,因此,根据用户的设计偏好或易访问性需求,同一款应用可以拥有截然不同的外观。
 
UI 适应性 参见“灵活性”  
浏览量 SAPUI5 中的视图负责定义和呈现 UI。SAPUI5 支持下列预定义的视图类型:XML、JSON、JS 和 HTML  

立即试用

基于 SAP Cloud Platform(开发人员版)的 SAPUI5

利用免费的 SAP Cloud Platform(开发人员版),你能在共享环境下快速、轻松入门,迅速学会如何构建 SAPUI5 应用。该版本还提供了 SAP Web IDE 的试用实例,即我们推荐的 SAPUI5 开发环境。

SAPUI5(开发人员版)

SAPUI5(开发人员版)是独立于整个软件开发工具包之外,一个不提供支持服务的免费 SAPUI5 运行时工具包。借助该版本,你能够利用偏爱的本地开发环境(编辑器和 Web 服务器),针对 SAPUI5 框架构建应用。

开源版本:OpenUI5

OpenUI5 是 SAPUI5 的开源版本。在 GitHub 平台上,该产品免费包含在 Apache 2.0 许可中。OpenUI5 和 SAPUI5 的核心功能完全相同。两者的 UI 控件库也一模一样,只是 SAPUI5 UI 控件库中的控件比 OpenUI5 的更多。

Previous
博客
提问环节

求助 SAPUI5 社区

你可以搜索答案,发帖提问,并共享知识。
Next
image
有问题或反馈?联系我们
Back to top