在开始正式内容之前,先闲聊几句。SAP为啥要推Fiori?
熟悉SAP的朋友,对于SAP GUI一定不会陌生,它是这个样子的(如下图)。
刚接触SAP GUI的人,无一不吐槽SAP GUI“丑陋”的页面风格。经常可以听到有人调侃,能够操作SAP GUI,是一项“专业技能”。
可以说,SAP GUI在某种程度上,也成为了SAP系统的一个经典符号,它虽然“丑陋”,但“简洁”,“高效”,“风格统一”。
GUI虽经典,但随着技术的发展,特别企业用户是全场景(anytime, anywhere)的业务需求,GUI已经不能很好地胜任这些任务,Fiori也是在这种大背景下,逐步进化成SAP的新一代UI风格,来一张Fiori的靓照(如下图)。
第一次接触Fiori的同学,相信都被这种“漂亮的”页面惊艳,因为它太不像SAP了,完全颠覆了GUI的形象。
习惯了GUI的同学,会吐槽Fiori的“蜗牛速度”,因为和传统的SAP GUI相比,Fiori属于Web应用程序,在启动时不可避免的会有资源加载、页面渲染等步骤,这些确实是Web应用程序的通病。但瑕不掩瑜,Fiori 清爽的风格,user-friendly的操作方式,以及在不同终端的通用性,其优势也是显而易见的。(其实,经过性能调优后,Fiori的反应速度还是很快的。)
时代在进步,传统的SAP ABAP发开人员不该故步自封。本篇博客中,让我们一起看下,如果要学习SAP Fiori的开发,需要先了解哪些知识点。
这部分不啰嗦,先来一张架构图。
Fiori应用程序的技术架构主要由三部分组成,底层的SAP HANA数据库,中层的SAP NetWeaver平台,以及前端的SAPUI5页面。我们来分别说一下这三部分:
对于SAP S/4HANA而言,其底层的数据库会是SAP HANA,它是一个列存储的内存数据库,只要按照HANA的开发guidance做,不“瞎搞”(一次关联处理几十个表),其速度是极快的。
SAP NetWeaver是Fiori应用程序的后台,因此,其业务逻辑还是由“稳定”,“高效”,“焕发第二春”的ABAP语言完成的(例如调用标准的Accouting Interface生成财务凭证),但与传统GUI应用程序不同的一点是,Fiori应用程序是基于CDS进行建模的。SAP提供一套完整的基于CDS的开发模型,包括annotation,BOPF,DRAFT等框架(在此,本文不做过多展开)。SAP Gateway是Netweaver上的一个组件,对于准备好的CDS业务模型,通过SAP Gateway发布成OData service供SAPUI5前台程序使用。
SAPUI5是SAP是基于HTML5、CSS和JavaScript的前台开发技术,它提供了一系列的Fiori相关组件,利用SAPUI5可以构建风格统一的Fiori应用程序。对于SAPUI5的程序,其支持于不同的运行平台,Mobile,Tablet,Desktop都不在话下。SAPUI5的技术架构如下:
可以看到,在Fiori应用的前台,其设计模型是经典MVC,也即Model-View-Controller,因此掌握MVC的原理,也是理解Fiori的运行机制的基础。
了解了Fiori的架构,那么,应该储备哪些技能,才能完成Fiori应用程序的开发呢?
做过Web应用程序开发的同学都知道,HTML, CSS, Javascript是前端开发的“三件套”。正常来说,Fiori应用程序也是如此,如果你能有“三件套”的基础是最好的。但没有基础的同学也不要忧伤,正如我上面介绍的,SAP提供了Fiori的一个完整框架,不写任何一行HTML, CSS, Javascript代码,也是能够完成Fiori的开发的,也即通过CDS annotion完成所有的页面描述。
必要技能:
开发环境:
辅助技能:
知道更好:
限于篇幅,本文简单介绍SAP Fiori的基础架构,其主要目的是让想学习Fiori开发的同学形成一个整体概念,对于具体的技术细节,感兴趣的同学可以持续关注本博客,后续我将继续整理、发布。
下面是两个比较重要的链接,一个是SAPUI5的DemoKit,一个是Fiori App设计的Guidance。
持续更新SAP领域优质文章,欢迎关注️、点赞、转发!
文章浏览阅读3.8k次。1、将下载好的萤石js插件,添加到SoringBoot项目中。位置可参考下图所示。(容易出错的地方,在将js插件在html页面引入时,发生路径错误的问题)所以如果对页面中引入js的路径不清楚,可参考下图所示存放路径。2、将ezuikit.js引入到demo-live.html中。(可直接将如下代码复制到你创建的html页面中)<!DOCTYPE html><html lan..._ezuikit 测试的url
文章浏览阅读322次。第二步,在弹出的对话框选择,设备驱动—>PLC—>莫迪康—>ModbusRTU—>COM,根据配置软件选择的协议选期期,这里以此为例,然后点击“下一步”。第四步,把使用虚拟串口打勾(GPRS设备),根据需要选择要生成虚拟口,这里以选择KVCOM1为例,然后点击“下一步”设备ID即Modbus地址(1-255) 使用DTU时,为下485接口上的设备地址。第六步,Modbus的从机地址,与配置软件相同,这里以1为例,点击“下一步“第五步,Modbus的从机地址,与配置软件相同,这里以1为例,点击“下一步“_组态王ua
文章浏览阅读9.4k次,点赞22次,收藏19次。安装npm相当于安装node.js,Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西_npm安装配置
文章浏览阅读748次,点赞21次,收藏26次。大家好,小编来为大家解答以下问题,python基础训练100题,python入门100例题,现在让我们一起来看看吧!宝子们还在新手村练级的时候,不单要吸入基础知识,夯实自己的理论基础,还要去实际操作练练手啊!由于文章篇幅限制,不可能将100道题全部呈现在此除了这些,下面还有我整理好的基础入门学习资料,视频和讲解文案都很齐全,用来入门绝对靠谱,需要的自提。保证100%免费这不,贴心的我爆肝给大家整理了这份今天给大家分享100道Python练习题。大家一定要给我三连啊~
文章浏览阅读1k次。 为了在 Linux ( Ubuntu) 上安装sublime,一般大家都会选择常见的教程或是 sublime 官网教程,然而在国内这种方法可能失效。为此,需要用安装包安装。以下就是使用官网安装包安装的教程。打开 sublime 官网后,点击右上角 download, 或是直接访问点击打开链接,即可看到各个平台上的安装包。选择 Linux 64 位版并下载。下载后,打开终端,进入安装..._ubuntu 安装sumlime text打不开
文章浏览阅读563次,点赞13次,收藏6次。CrossOver24是一款类虚拟机软件,专为macOS和Linux用户设计。它的核心技术是Wine,这是一种在Linux和macOS等非Windows操作系统上运行Windows应用程序的开源软件。通过CrossOver24,用户可以在不购买Windows授权或使用传统虚拟机的情况下,直接在Mac或Linux系统上运行Windows软件和游戏。该软件还提供了丰富的功能,如自动配置、无缝集成和实时传输等,以实现高效的跨平台操作体验。
文章浏览阅读1.7k次。一个用聊天的方式让ChatGPT帮我写的线程安全的环形List_为什么gpt一写list就卡
文章浏览阅读336次。我们在前面的文章里曾写过Web应用中乱码产生的原因和处理方式,旧文回顾:深度揭秘乱码问题背后的原因及解决方式其中我们提到可以通过Filter的方式来设置请求和响应的encoding,来解..._filterconfig selectencoding
文章浏览阅读651次。转自:http://www.jb51.net/article/36480.htmencodeURI和decodeURI是成对来使用的,因为浏览器的地址栏有中文字符的话,可以会出现不可预期的错误,所以可以encodeURI把非英文字符转化为英文编码,decodeURI可以用来把字符还原回来_js encodeur decodeurl
文章浏览阅读1.9w次,点赞6次,收藏3次。前言在日常的Android开发当中,我们肯定要打包apk。但是今天我打包的时候遇到一个很奇怪的问题Android The destination folder does not exist or is not writeable,大意是目标文件夹不存在或不可写。出现问题的原因以及解决办法上面有说报错的中文大意是:目标文件夹不存在或不可写。其实问题就在我们的打包界面当中图中标红的Desti..._the destination folder does not exist or is not writeable
文章浏览阅读94次。一、配置代码编辑区的样式 <1>打开Eclipse,Help —> Install NewSoftware,界面如下: <2>点击add...,按下图所示操作: name:随意填写,Location:http://eclipse-color-th..._ecplise高大上设置
文章浏览阅读2.8k次。一,下载mysql:http://dev.mysql.com/downloads/mysql/; 打开页面之后,在Select Platform:下选择linux Generic,如果没有出现Linux的选项,请换一个浏览器试试。我用的谷歌版本不可以,换一个别的浏览器就行了,如果还是不行,需要换一个翻墙的浏览器。 二,下载完后解压缩并放到安装文件夹下: 1、MySQL-client-5.6.2_linux mysql 安装 mysql-5.6.24-1.linux_glibc2.5.x86_64.rpm-bundle