广告
返回顶部
首页 > 资讯 > 前端开发 > html >分析SAP前端技术的演化史
  • 308
分享到

分析SAP前端技术的演化史

2024-04-02 19:04:59 308人浏览 泡泡鱼
摘要

本篇内容介绍了“分析SAP前端技术的演化史”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能

本篇内容介绍了“分析SAP前端技术的演化史”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

我也画了张简单的图:

分析SAP前端技术的演化史

R1和针对于大型机的R2对我们来说实在太古老了,对我们来说,只能通过SAPGUI里的复古主题,即Classical Theme来体验一下这些老古董的外观风采。

到了1992年出现了类似jsP技术的BSP(business server page),能够借助在服务器端执行的ABAP语言实现动态网页效果。

在运行时,每个BSP页面会自动生成一个临时的ABAP类,执行这些BSP页面上嵌入的ABAP代码,执行的结果再渲染成原生的html代码。

分析SAP前端技术的演化史

值得一提的是,BSP技术兼容普通的HTML/javascript应用,换句话说,几乎所有能运行在除Netweaver以为的WEB服务器上的基于HTML/JavaScript的web应用,也能以BSP为载体,运行在Netweaver上。因此,即使是如今SAP的旗舰级产品S/4HANA里的很多Fiori UI应用,也是以BSP应用为载体存储在Netweaver上的。

比如S/4HANA物料主数据管理的Fiori应用,其名称在Chrome开发工具里能看到:

分析SAP前端技术的演化史

这个BSP应用在Netweaver上能找到:

分析SAP前端技术的演化史

诞生于1992年的BSP技术到了今天还在服役,这本身就是一个奇迹了。当然它本身由于历史原因也有一些局限:

  1. 开发效率不够高,没有类似后来UI5里控件库的概念,导致开发人员需要重复造很多轮子。SAP后来自己也发布了一些BSP Extension,类似JSP里的tag,以此来弥补开发效率的缺陷。

分析SAP前端技术的演化史

另外BSP的开发工具在SAPGUI里只有事务码SE80,这个工具在做HTML和JavaScript开发时显得不够友好。因此后期SAP Fiori开发也采取了在本地现代IDE比如Eclipse里做开发,完毕后再上传到Netweaver自动生成BSP的方式。

  1. 没有mvc的概念,在大型企业级应用开发中显得力不从心。

正是由于暴露了这两个缺陷,促成了WebUI和Webdynpro的问世。对这两种前端技术的详细介绍,请参考Jerry之前提到的微信文章:SAP UI和Salesforce UI开发漫谈,这里不再重复,只是聊聊一些该文章中没有提过的内容。

ABAP Webdynpro的亮点就是能够以所见即所得的方式进行UI界面开发,缺点是不再支持类似BSP那样兼容传统的HTML/JavaScript,因此无法实现某些对界面复杂度和交互性要求较高的需求。

分析SAP前端技术的演化史

而WebUI在继承了BSP所有优点的同时,在BSP基础上提供了对MVC的封装,使得开发效率大大提高,同时开发出来的Web应用结构清晰,不再会出现一个视图页面几千行代码的情况。

下图是一个典型的WebUI模型,MVC三层在workbench里有清晰的界定。

分析SAP前端技术的演化史

WebUI和ABAP Webdynpro至今仍广泛应用于SAP产品中。在S/4HANA的CRM模块里,WebUI继续扮演着非常重要的角色,详情请阅读我下面这篇文章:Hello World, S/4HANA for Customer Management 1.0

分析SAP前端技术的演化史

而Webdynpro,是SAP SRM UI开发的主流技术。

搜索公网上所有使用了SAP BSP技术的网站:
https://www.Google.com/search?q=inurl:/sap/bc/bsp/&gws_rd=ssl

分析SAP前端技术的演化史

使用了Webdynpro的:

分析SAP前端技术的演化史

随着时间的推移,用户对移动设备上访问网页的体验要求越来越高,因此有了SAP从业者现在很熟悉的前端技术:SAP UI5。

“分析SAP前端技术的演化史”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: 分析SAP前端技术的演化史

本文链接: https://www.lsjlt.com/news/85618.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 分析SAP前端技术的演化史
    本篇内容介绍了“分析SAP前端技术的演化史”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能...
    99+
    2022-10-19
  • Vue技术栈的微前端方案分析
    这篇文章主要介绍“Vue技术栈的微前端方案分析”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Vue技术栈的微前端方案分析”文章能帮助大家解决问题。背景介绍对于大型前端项目,比如公司内部管理系统(一般...
    99+
    2023-06-27
  • Winform开发框架演化历史的示例分析
    这篇文章主要介绍了Winform开发框架演化历史的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1、传统Winform开发框架我这里指的传统Winform开发框架,就...
    99+
    2023-06-17
  • 指尖前端重构(React)技术调研分析
    重构前的技术文档调研与分析,包括技术选型为什么选择react,应用过程中的注意事项等。一、为什么选择ReactReact是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。Angular出现最早,但其在原理上...
    99+
    2023-06-05
  • 前端性能优化的示例分析
    这篇文章给大家分享的是有关前端性能优化的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。反复看下以下三个问题。有木有不同的人问过你:什么是前端性能优化?有木有不同的面试官问...
    99+
    2022-10-19
  • React 跨端动态化核心技术实例分析
    目录一 前言二 React 技术核心优势分析1 数据驱动模型2 从 JSX 到虚拟 DOM3 独立事件系统三 React 能为跨端动态化做些什么?1 React 语法做 DSL2 保...
    99+
    2022-11-13
  • 组件化的前端开发流程分析
    这篇文章将为大家详细讲解有关组件化的前端开发流程分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。背景 做前端的同学都知道,做的页面多了,东西就会乱,因此我们需要统一一个开发流程。开发流程的好坏,直接影响...
    99+
    2023-06-08
  • SEO优化技术的示例分析
    这篇文章给大家分享的是有关SEO优化技术的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。如何设置SEO关键词当然重要,但SEO优化技术如果只是机械式的说该做什麽不做什麽,而涉及的步骤又非常死板,例如:将焦...
    99+
    2023-06-10
  • 前端网络、JavaScript优化以及开发小技巧的示例分析
    这篇文章给大家分享的是有关前端网络、JavaScript优化以及开发小技巧的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、网络优化YSlow 有23条规则。这几十条规则最主要是在做消除或减少不必要的网...
    99+
    2023-06-08
  • JS前端模块化规范的示例分析
    这篇文章将为大家详细讲解有关JS前端模块化规范的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Script 标签其实最原始的 JavaScript 文件加载方式,...
    99+
    2022-10-19
  • Puppeteer前端自动化测试的示例分析
    这篇文章主要为大家展示了“Puppeteer前端自动化测试的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Puppeteer前端自动化测试的示例分析”这...
    99+
    2022-10-19
  • Laravel前端工程化之mix的示例分析
    这篇文章主要介绍了Laravel前端工程化之mix的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Laravel前端工程化之mix在laravel5.3之前 , 前端...
    99+
    2023-06-14
  • react前端项目打包优化的示例分析
    小编给大家分享一下react前端项目打包优化的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!分析通过控制台判断加载资源时间还有资源大小通过开发者工具可以看到白屏的主要原因在于bun...
    99+
    2022-10-19
  • Linux虚拟化技术KVM的示例分析
    这篇文章主要介绍Linux虚拟化技术KVM的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!KVM是一种内建于 Linux® 中的开源虚拟化技术。具体而言,KVM 可帮助您将 Linux 转变为...
    99+
    2023-06-27
  • 苏宁视频云高级技术经理:漫谈前端系统架构的演变历程(上)
    作者:李晓健。现担任苏宁视频云高级技术经理。软件技术专业,从事java开发,拥有8年开发经验,超过6年的专职前端开发经验,3年以上的团队管理经验;目前负责苏宁视频前端研发和架构工作,参与前端SDK组件的开发,推动苏宁视频云平台的架构改进和用...
    99+
    2023-06-05
  • Vue.js轻量高效前端组件化方案的示例分析
    这篇文章给大家分享的是有关Vue.js轻量高效前端组件化方案的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。开发初衷2013年末,我还在Google Creative L...
    99+
    2022-10-19
  • OpenStack Cinder与各种后端存储技术集成的示例分析
    这篇文章主要介绍了OpenStack Cinder与各种后端存储技术集成的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Cinder项目为管理块设备而生,它最重要的地...
    99+
    2023-06-04
  • Web前端性能优化之资源合并与压缩的示例分析
    这篇文章将为大家详细讲解有关Web前端性能优化之资源合并与压缩的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。资源合并与压缩两个目的减少http请求数量减少请求资源的大小google首页案例学习h...
    99+
    2023-06-08
  • 自然语言处理技术在大数据分析中的应用前景如何?
    随着互联网时代的到来,数据量呈爆炸式增长,如何快速高效地处理这些数据成为了人们关注的焦点。而自然语言处理技术(Natural Language Processing,简称NLP)的出现,为大数据分析提供了新的思路和方法。 NLP是一种将自...
    99+
    2023-08-20
    大数据 自然语言处理 http
  • 从java源码分析线程池(池化技术)的实现原理
    目录线程池的起源线程池的定义和使用方案一:Executors(仅做了解,推荐使用方案二)方案二:ThreadPoolExecutor线程池的实现原理前言: 线程池是一个非常重要的知识...
    99+
    2022-11-13
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作