SAP ABAP——SAP简介(三)【S/4 HANA前端显示界面】

news2025/7/9 2:16:16

在这里插入图片描述

💂作者简介: Thunder Wang,一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学在读,同时任汉硕云(广东)科技有限公司ABAP开发顾问。在学习工作中,我通常使用偏后端的开发语言ABAP,SQL进行任务的完成,对SAP企业管理系统,SAP ABAP开发和数据库具有较深入的研究。


💅文章概要: 本篇文章我们就来介绍一下SAP S/4 HANA的两种前端显示界面——SAP GUI和`SAP Fiori,将详细地对两种前端显示界面进行比较分析。


🤟每日一言: 保护好你的梦想,等到它开花结果的那天,它会让你俯视所有曾经看低你的人。


目录

  • 前言回顾
  • SAP GUI
    •  SAP GUI简介
    •  使用GUI的S/4架构
  • SAP Fiori
    •  SAP Fiori 简介
    •  SAP Fiori 架构
      •    SAP WEB调度程序
      •    SAP 前端服务器
      •    SAP 后端服务器
      •    SAP HANA数据库和HANA XS Engine
    •  SAP Fiori应用程序类型
      •    Transactional App(事务型)
      •    Fact Sheet App(资料信息型)
      •    Analytical App(分析型)
  • SAP GUI和SAP Fiori的比较
  • 写在最后的话


前言回顾

  在上一章:SAP ABAP——SAP简介(二)【SAP主要产品时间线】
在这里插入图片描述
  中我们了解了SAP公司地主要产品时间线,我们知道了在未来SAP的下一代商务套件是S/4 HANA ,本篇文章我们就来介绍一下SAP S/4 HANA的两种前端显示界面类型 SAP GUISAP Fiori


SAP GUI

 SAP GUI简介

  SAP GUI 是 SAP 的通用客户端,用于访问 SAP 应用程序中提供的开发功能和业务功能SAP GUI 既是 SAP 应用的开发环境,也是运行环境。它从 SAP 服务器获取信息,例如在其窗口中需要显示的信息,在何时,何处,以及以什么样的方式来显示。

  在S/4 HANA诞生以前,SAP ABAP的开发环境和前端显示界面只有SAP GUI,如下图所示,相信各位朋友们并不会陌生

![在这里插入图片描述](https://img-blog.csdnimg.cn/a3d48178610a44baa1eaa3b4849f254b.png

  在S/4之前的版本中(R/3、ECC),只能使用SAP GUI进行传统开发。SAP GUI提供了下述事务代码(T-CODE)进行ABAP开发

T-CODE描述说明
SE80对象导航器包含了所有与ABAP开发相关的工作区
SE38ABAP编辑器ABAP主要的开发工具
SE37函数编辑器函数的开发工具
SE11ABAP数据字典数据字典类型和对象的开发工具
SE16数据浏览器维护数据库表数据的开发工具
SE93维护事务码维护事务码(T-CODE)的开发工具
SE43区域菜单维护SAP菜单开发工具
SE21包构建器SAP包的开发工具
SE24类构建器维护类的开发工具
SE09传输组织器CTS(变更传输系统)的开发工具
SM30维护表视图维护表/视图数据的开发工具

 使用GUI的S/4架构

  S/4 HANA继承了ECC的传统三层架构——表示层应用层数据库层

SAP GUI
ABAP
表示层
应用层
数据库层

  用户通过SAP GUI进行操作,于是表示层向应用层传输用户提交功能的请求,应用层服务器接收请求后调用相应功能的ABAP代码并且向数据库层传输调用HANA数据库数据的请求,最终完成操作,生成数据报表展现给用户


SAP Fiori

在这里插入图片描述

 SAP Fiori 简介

  SAP Fiori是SAP软件和应用程序的新用户体验(UX)

  它提供了一组应用程序,用于常规业务功能。如工作批准财务应用程序,计算应用程序和各种自助服务应用程序。

  听起来似乎有点绕口是吗?其实简单点来理解Fiori就是:SAP S/4的新一代UI,相较于传统的SAP GUI界面来说,Fiori无需进行安装,只需要在浏览器中登录即可使用,在Fiori主页内嵌了许多个如同APP一样的应用程序,其中事务性APP的功能就等同于传统SAP GUI中的事务码(T-CODE),如下图所示是SAP Fiori的各设备显示页面,可以看到Fiori是响应式的,可以完美兼容各种设备,界面相较于传统SAP GUI来说也十分美观。

在这里插入图片描述

 SAP Fiori 架构

  在前面介绍了使用GUI的S/4框架并阐述了其运行原理,接着我们来介绍一下Fiori的基础框架

在这里插入图片描述

   SAP WEB调度程序

  SAP Web调度程序是SAP Fiori架构中最终用户的第一个联系人。这可以通过移动设备或笔记本电脑处理来自最终用户的所有Web浏览器请求。它是所有HTTP / HTTPS请求的入口点,并定义系统是否必须接受或拒绝请求以及请求应该去的服务器。它可以拒绝或接受与SAP Fiori系统的连接。事务应用程序可以在任何数据库上运行,但事实表和分析应用程序需要运行SAP HANA数据库

   SAP 前端服务器

  SAP ABAP前端服务器包含Fiori系统NetWeaver网关的所有UI组件。这些UI组件由中央UI添加,SAP UI5控制库和SAP Fiori Launchpad组成。它还包含产品特定的UI。附件包含各种业务套件的UI开发,如ERP,SCM,SD,MM等。SAP NetWeaver Gateway用于设置SAP业务套件与目标客户端,平台和框架之间的连接。它提供开发和生成工具来为不同的客户端开发工具创建OData服务

   SAP 后端服务器

  SAP ABAP后端服务器用于包含业务逻辑后端数据。资料单和SAP业务套件的搜索模型包含在ABAP后端服务器中。

   SAP HANA数据库和HANA XS Engine

  HANA XS引擎用于运行SAP Fiori中的所有分析应用程序。它包含Fiori应用程序内容和通过SAP HANA Live提供的虚拟数据模型重用内容。

  HANA XS Engine由以下两部分组成 :

  • 商业套件的HANA Live App内容。HANA Live内容包含VDM重用内容,可用于扩展性目的。
  • 带有KPI Modeler的Smart Business组件。

在这里插入图片描述

 SAP Fiori应用程序类型

  在Fiori中有三种不同类型的APP

在这里插入图片描述

   Transactional App(事务型)

  事务型APP可以理解为GUI版本上的事务代码,这类程序与GUI版本的类似,提供了基础的GRUD功能(增删改查)。

   Fact Sheet App(资料信息型)

  这类App通俗点来说就是在一个App里面通过各种维度展现某一类型的应用数据,比如之前的采购管理画面,在这个画面可以直观查询从采购申请到采购订单,交货凭证以及相关的发票凭证等一应单据,可以非常直观查看所有流程的数据。

   Analytical App(分析型)

  能看到的各种图表,图形,根据用户感兴趣的维度展现出来,比如一段时期以内的前十客户销售数据、地区前十销售数据、应收欠款前十客户等,这类SAP标准预设的App都能够很直观看到各种维度的管理图表。


SAP GUI和SAP Fiori的比较

在这里插入图片描述

  SAP GUI在某种程度上,成为了SAP系统的一个经典符号,它虽然不如SAP Fiori那般美观,但简洁高效风格统一。即使在S/4 HANA时代SAP GUI仍是不可被替代的一环,仍然有许多的用户在使用和许多传统的开发在上面进行
  Fiori 清爽的风格友好的操作方式,以及在不同终端的通用性,其优势也是显而易见的。并且经过性能调优后,Fiori的反应速度相较1.0版本来说变快了许多了。Fiori拥有五种设计原则——基于角色的响应性简单无缝体验令人愉快的,这五种设计原则使得Fiori为SAP S/4打造出全新的用户体验(UX)
  综上所述,借用阿诺德·施瓦辛格的一句话来总结——"我老了,但我并不过时"!SAP GUI不可替代,但不会再是唯一选择了。


写在最后的话

  由于笔者对SAP Fiori并没有较深入的研究,后续的教程都将是基于SAP GUI来进行的。至此,便是本文的全部内容啦! 大家一起投个票——你会选择SAP GUI还是SAP Fiori呢?

在这里插入图片描述

原创不易,还希望各位大佬支持一下 \textcolor{blue}{原创不易,还希望各位大佬支持一下} 原创不易,还希望各位大佬支持一下

👍 点赞,你的认可是我创作的动力! \textcolor{9c81c1}{点赞,你的认可是我创作的动力!} 点赞,你的认可是我创作的动力!

⭐️ 收藏,你的青睐是我努力的方向! \textcolor{ed7976}{收藏,你的青睐是我努力的方向!} 收藏,你的青睐是我努力的方向!

✏️ 评论,你的意见是我进步的财富! \textcolor{98c091}{评论,你的意见是我进步的财富!} 评论,你的意见是我进步的财富!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/406407.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Ubuntu18.04安装Nvidia驱动【全网不坑,超全步骤】(亲测~)

Ubuntu18.04安装Nvidia驱动【全网不坑,超全步骤】亲测~为了方便以后回忆以及给像我一样的菜鸡提供思路,给出具体的步骤:No.1 查看自己的电脑显卡型号(已知麻烦自动略过)No.2 下载电脑对应的Nvidia版本驱动N…

Vue脚手架报错:‘v-model‘ directives require no argument 解决方案

1、报错: v-model directives require no argument 截图 2、原因: ESLint对vetur进行了eslint检查 3、解决方法 ① 修改模板中使用v-show 将 v-model:show"show" 改为 v-model"show" ② vetur插件的作者给出了解决办法 我们可…

【一起学Rust | 框架篇 | Viz框架】轻量级 Web 框架——Viz

文章目录前言特点一、Hello Viz1. 创建项目2. 引入viz3. 运行Hello Viz4. 运行结果注意二、Hello Viz代码详解导入组件处理请求主函数三、常见用法简单的处理程序实现处理程序特质路由传参链式组合程序中间件参数接收器路由一个简单的路由CRUD操作资源总结前言 Viz&#xff0c…

TS的类型声明

目录 1.TS把JS变成了静态类型的语言,可以给变量指定类型 2.JS中的函数是不考虑参数的类型和个数的,但是TS会考虑函数的参数类型和个数,且要规定返回值类型。 3.常见的TS类型 1.可以直接使用字面量进行类型声明 字面量声明的应用:可以使用…

讲解HTML和CSS(超详细)

讲解HTML和CSS(超详细)一、初始HTML和CSS1.html的发展历史2.html3.css二、HTML1.基本框架2.HTML5常用的标签和属性三、CSS1.css的使用2.css选择器总结提示:以下是我的一些经验之谈,下面案例可供参考 一、初始HTML和CSS 1.html的…

手撕前端面试题【javascript~ 总成绩排名、子字符串频次统计、继承、判断斐波那契数组等】

前端JavaScript面试题🍓🍓总成绩排名🍓🍓子字符串频次🍓🍓继承🍓🍓判断斐波那契数组🍓🍓js中哪些操作会造成内存泄漏?html页面的骨架,相当于人的…

Vue中的过滤器(filter)

一、Vue中的过滤器是什么 过滤器(filter)是输送介质管道上不可缺少的一种装置,大白话,就是把一些不必要的东西过滤掉,过滤器实质不改变原始数据,只是对数据进行加工处理后返回过滤后的数据再进行调用处理,我们也可以理…

Java利用fastjson解析复杂嵌套json字符串、json数组;json字符串转Java对象,json数组转list数组

文章目录前言一、什么是JSON对象?二、什么是json字符串?二、什么是JSON数组?三、复杂、嵌套的json字符串四、json字符串转换4.1 简单json字符串转换为java对象4.2 简单json字符串数组转换为list数组4.3 复杂嵌套json字符串数组转换为Java对象…

十大常用web前端UI组件库,赶紧收藏

今天主要介绍web前端常用的UI库,这些网站基本都是背靠互联网大厂,值得web前端开发者收藏,当然还是要多多学习使用。 Vant 一款有赞出品轻量、可靠的的移动UI组件库,目前支持 Vue2、Vue3、React,微信和支付宝小程序&a…

Vue基础语法知识(自用,完整版)

Vue基础语法知识 1、想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象 2、root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法 3、root容器中里的代码被称为【Vue模板】 4、Vue实例和容器是一一对应的 5、真实开发…

手机+PC电脑如何使用油猴插件和油猴脚本?

一、移动端使用油猴脚本 移动端可以不使用油猴插件,就可直接安装脚本(需要浏览器支持),这样天然支持油猴脚本的移动浏览器还是很多,比如:书签地球、X浏览去、M浏览器等,但是各个浏览器的支持情…

前端Vue项目部署到服务器过程,以及踩坑记录

目录 需求 过程 踩坑 nginx服务器404错误的原因 404 Not Found nginx服务器500错误的原因 500 Internal Server Error nginx反向代理 需求 前后端完成项目后,需要部署到本地的服务器上。 第一次部署,以下是从0开始慢慢学着弄的详细过程 过程 …

大白话理解-微信小程序获取授权

学习目录 微信小程序前端直接获取授权微信为什么要授权微信怎么授权?微信登录微信小程序前端直接获取授权 微信为什么要授权 微信用户授权,才可以操作微信官方的某些接口。简单来说就是:微信定义了很多接口,然后他们认为有一部分是涉及到用户使用安全的,所以把这一部分划…

Python 爬虫案例

一、用cookie池模拟登录 在网络请求交互中,为了维持用户的登录状态,引入了cookie的概念。当用户第一次登录某个网站时,网站服务器会返回维持登录状态需要用到的信息,这些信息就称为cookie。浏览器会将cookie信息保存在本地计算机…

微信小程序(分包)

文章目录分包概念作用分包后的项目构成分包的加载规则分包的体积限制配置方法小程序打包原则引用原则独立分包分包预下载分包 概念 分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需…

解决报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

在做vue2项目时出现如下错误,页面空白且控制台出现如下错误: 报错内容: Uncaught TypeError: Cannot read properties of undefined (reading install) at Vue.use (vue.runtime.esm.js?c320:5709:1) at eval (index.js?5aa4:7:1…

Http请求-hutool工具类的使用

Http请求-hutool工具类的使用 前言 在日常java后端开发的工作中经常会遇到后端发起HTTP请求的情况,这里可以使用一个简单的工具类。 官方网址:Http请求-HttpRequest (hutool.cn) 介绍 本质上,HttpUtil中的get和post工具方法都是HttpRequ…

【小程序从0到1】首页布局案例的实现

欢迎来到我的博客 📔博主是一名大学在读本科生,主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥React/小程序React/小程序React/小程序&am…

let、const和var的区别(涉及块级作用域)

let 、const和var的区别 let、const、var在js中都是用于声明变量的,在没有进行ES6的学习前,我基本只会使用到var关键字进行变量的声明,但在了解了ES6之后就涉及到了块级作用域以及let,const了。 let与const let是用于替代var来…

Java实现本地缓存、分布式缓存及多级缓存

以下均为自己参考其它博主文章或自己理解整理而成,如有错误之处,欢迎在评论区批评指正! 0. 缓存简介 像MySql等传统的关系型数据库已经不能适用于所有的业务场景,比如电商系统的秒杀场景,APP首页的访问流量高峰场景&a…