【学习笔记】SAP Fiori相关概念介绍

SAP Fiori相关概念介绍

SAP Fiori是由SAP公司开发并实施维护的，它可以称之为前端UI技术框架，也可以称之为前端的交互系统，更可以称之为前端的交互标准，三者合一，我们可以称之为全新的用户交互体验（SAP User Experience）。

SAP Fiori的核心框架“SAPUI5”，第一版的发布在2011年，到2013年就有了SAP Fiori这个名称，到了2017年，SCP在中国落地。

SAP最早的UI系统是SAP GUI，其操作和用户体验都不是很友好。到了Web2.0的时候，SAP推出了一个新的技术，叫做“SAP WebDynpro”，同样面临用户体验不友好及操作的繁琐性。为了解决上述痛点，就有了SAP Fiori。

SAP Fiori承载了以下几个特性：

跨平台（编写一次可以运行在任何平台）；
上手快（提供大量标准控件，拿来即用）；
便捷的开发工具（Eclipse和云平台Web IDE）；
丰富的组件（不需要做第三方更改）；
角色定位（基于角色的Launchpad）；
数据交互；
标准化；
个性化；
化繁为简；
响应式（针对不同平台自适配）；

应用类型：

事务性应用（常用）：该类应用允许你执行事务性的任务，例如创建一个员工的休假申请，该类应用将已有的业务逻辑和解决方案以简化的视图和交互设计呈现在用户面前，支持Hana或任意DB。
Fact Sheets（不常用）：此类应用展示你业务操作中用到的核心对象的上下文信息和关键事实。从一个Fact Sheet区域（或者标题下），你可以向下钻取获取细节信息，仅支持Hana DB。
分析类应用（常用）：此类应用用于提供商业数据的相关方分析给特定角色的人，比如现状图、柱状图类的分析图表，这样可以零距离的监控关键指标KPIs，并能针对复杂的场景做出正确的执行和调整，仅支持Hana DB。

运行环境：

SAP云平台（SAP Cloud Platform-SCP），基于浏览器；
Gateway（基于SAP NetWeaver），基于浏览器；
混合APP移动端（Hybrid，Cordova），基于APP；

数据接入：

Gateway；
SAP云平台服务；
其他Rest服务；

基于SAP NetWeaver Gateway的运行环境

架构示意图：

前端App SAP Fiori Client

映射服务器 SAP NetWeaver Gateway

数据平台 SAP Business Suite（CRM SRM SCM PLM ERP）

基于SAP Cloud Platform-SCP的运行环境

SCP包含：核心库、主题设计工具、开发工具（WebIDE）、Cloud connector（代理服务器）、Mobile Service、HAT、Launchpad。

架构示意图：

SAP Fiori Client

SAP Cloud Platform

SAP Business Suite（Hana DB or Any DB）

开发语言：

JavaScript、CSS、ODATA、SAPUI5、jQuery、ABAP、Android、IOS、Cordova……

开发工具：

Eclipse、SAP GUI、WebIDE、SAP Build（设计工具）、Theme Designer、Cloud Connector（代理服务器）、HAT（离线打包工具）、Debug Tools、SCP、BSP（代码管理仓库）、Gateway（遵循ODATA）……

核心框架：

SAPUI5 – 收费

OpenUI5（简化版本） – 开源

SAPUI5简介：

闭源，无法查看源代码；

拥有NetWeaver License可免费使用；

Fiori 2.0拥有226个标准的控件；

SAP Fiori 2.0要求SAPUI5 core高于1.40；

Fiori 2.0同样提供了8336个标准应用程序；

相关API：https://sapui5.netweaver.ondemand.com/#/api

OpenUI5简介：

开源，托管在GitHub上面；

拥有部分的控件；

可以下载运行环境及全部的SDK（https://github.com/SAP/openui5/）；

SAPUI5/ OpenUI5特点：

模快的定义，MVC/MVVM类型框架；

集成jQuery，不需要额外引入；

支持异步加载核心类库，提高运行效率；

响应式，富UI框架；

支持多种数据绑定模式（单向、双向、一次性……）;

支持JSON、XML、JS、HTML格式的View布局；

个性化主题设计；

主要类库：

sap.m:主要针对移动设备；

sap.ui:最为丰富的控件，更多针对Desktop；

sap.ca:深度封装，常见于官方标准程序；

sap.chart:图表的库，继承自vizframe；

sap.viz:图表的库；

sap.ushell:单例模式的容器库，通常用于程序初始化；

最常用的开发工具：

Eclipse和WebIDE

https://tools.hana.ondemand.com/#sapui5

下载安装Java运行环境，配置环境变量；

下载Eclipse Web版本，Mars（4.5）或者Neon（4.6）；

安装SAP GUI 7.30或者7.40；

Eclipse插件安装：

Help-Install New Software..

输入 SAP Development Tools for Eclipse - Neon Software Repository

选择UI Development Tookkit for HTML5

点击下一步直到安装完成

WebIDE

首先要注册SCP账户：Cloud Platform | PaaS and App Development | SAP

购买或者选择使用账户

点击Services，选择SAP Web IDE

【学习笔记】SAP Fiori相关概念介绍相关推荐

HTML/CSS学习笔记01【概念介绍、基本标签】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
C语言学习笔记---001C语言的介绍,编译过程原理,工具等
C语言学习笔记---001C语言的介绍,编译过程原理,工具等创梦技术交流平台:资源下载,技术交流,网络赚钱: 交流qq群:1群:248318056 2群:251572072 技术交流平台:cre.i ...
ESP32学习笔记(一) 芯片型号介绍
ESP32学习笔记(一) 芯片型号介绍目录: ESP32学习笔记(一) 芯片型号介绍 ESP32学习笔记(二) 开发环境搭建 VSCode+platformio ESP32学习笔记(三) 硬件资源介 ...
STM32 HAL库学习笔记2 HAL库介绍
STM32 HAL库学习笔记2 HAL库介绍 CMSIS标准一.再次认识HAL库 HAL库设计思想 HAL库实现方式以GPIO模块为例 GPIO外设数据类型 GPIO外设接口函数二.使用HAL库 ...
SAP Fiori Elements 公开课第二单元学习笔记：Fiori Elements 架构
课程地址第二单元内容:讲解 Fiori Elements Architecture 使用 SAP Fiori Elements,SAP 负责提供应用 floorplans,而应用开发人员只负责专注于 ...
阿里大神最佳总结Flutter进阶学习笔记，技术详细介绍
开头很多人工作了十年,但只是用一年的工作经验做了十年而已. 高级工程师一直是市场所需要的,然而很多初级工程师在进阶高级工程师的过程中一直是一个瓶颈. 移动研发在最近两年可以说越来越趋于稳定,因为越来 ...
SAR学习笔记后续-phased工具箱介绍
摘要 <SAR学习笔记-代码部分>主要介绍了目标检测.一维距离像.二维距离像以及SAR成像的RDA算法等编程实现过程.这篇论文承接上篇内容,主要介绍MATLAB中phased工具箱. 文章 ...
学习笔记 | 内生性全面介绍
一直以来,对内生性的理解都是似懂非懂,就像是蒙着一层黑纱,哈哈~ 所以,今天上午把关于内生性的知识认真地看了一遍,梳理了一遍,总结一下,方便后面学习. 内容包括三大块:内生性来源.解决.典型例子主要 ...
影像组学视频学习笔记(27)-SimpleITK包介绍、Li‘s have a solution and plan.
本笔记来源于B站Up主: 有Li 的影像组学的系列教学视频本节(27)主要讲解: 功能强大的图像处理工具SimpleITK包视频中李博士演示了SimpleITK的两个基本功能:图像格式转换以及图像 ...

【学习笔记】SAP Fiori相关概念介绍

SAP Fiori相关概念介绍

【学习笔记】SAP Fiori相关概念介绍相关推荐

最新文章

热门文章