一套适合 SAP UI5 开发人员循序渐进的学习教程
文章平均质量分 93
本套教程是笔者从2013年接触 SAP UI5 至今的实战开发经验的提炼和总结,内容设计由浅入深,每篇文章平均写作时间为4小时,包含理论知识讲解和实际开发例子。每个例子的源代码都由笔者亲自编写,保证能够成功运行。
全套教程计划写作300篇,已经完成176篇。
每位学习者的提问笔者会保证全部回答。
优惠券已抵扣
余额抵扣
还需支付
¥49.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
汪子熙
Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达16年的 SAP 产品开发生涯里,Jerry 曾经先后参与 SAP Business ByDesign,SAP CRM,SAP Cloud for Customer,SAP S/4HANA,SAP Commerce Cloud(电商云)等标准产品的研发工作。
Jerry 工作中使用 ABAP, Java, JavaScript 和 TypeScript 进行开发, 对包括 SAP UI5 在内的多款 SAP 自研框架有深入的研究。
展开
-
《一套适合 SAP UI5 开发人员循序渐进的学习教程》读者意见反馈和下一步写作计划表
大家在学习教程过程中,如果有任何关于 SAP UI5 开发方面想了解的内容,可以直接在教程各篇文章下评论留言,我会将大家的意见统一汇总到下面的表格,作为我更新教程的内容参考来源之一。原创 2022-10-08 10:34:06 · 2141 阅读 · 0 评论 -
SAP UI5 应用开发教程的学习目录 - 循序渐进,由浅入深,适合不同水平的 SAP UI5 开发人员
笔者在业余时间设计了这份 SAP UI5 学习教程,把开发一个完整的 SAP UI5 应用的流程,拆分成若干个步骤,力求每个步骤里,把涉及到的知识点都涵盖到。建议零基础或者对 SAP UI5 知之甚少的 SAP UI5 初学者,按照顺序从第一个步骤开始循序渐进地学习,把这些代码下载到本地,配合教程的文字讲解,自己动手,以加深理解。对于已经有一定基础的 SAPUI5 开发人员,可以通过本文的目录,跳过前面一部分比较基础的章节,直接挑选对自己工作项目有关,或者包含某些知识点自己尚未掌握的章节来有针对性地学习。原创 2021-10-05 21:11:59 · 21062 阅读 · 12 评论 -
使用 Visual Studio Code 搭建 SAP UI5 本地开发环境
工欲善其事,必先利其器。时至今日,SAP 提供了非常多的 SAP UI5 开发工具,既包含本地搭建的,也包含浏览器里远端使用的工具,比如 WebIDE 和 Business Application Studio.我们访问下面这个链接,就能找到所有这些工具的安装或者配置步骤:https://tools.hana.ondemand.com/#sapui5如果想选择本地开发,SAP 推荐的工具是 Visual Studio Code,也就是本文要介绍的内容。也可以下载 WebIDE 的本地安装包,将其安原创 2021-10-05 10:47:06 · 10867 阅读 · 36 评论 -
如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
这个标志位在控制器里有一些复杂的计算逻辑,因此按钮的动态显示逻辑,实现在控制器里,而没有放在 XML 视图里通过简单的声明方法去定义。除了按照笔者的教程学习 SAP Fiori 开发之外,学习 SAP 标准的 Fiori 应用的源代码,也能提高我们的开发水平。我们在最终页面的 Footer 区域观察到的按钮,是 S3 视图的控制器里,通过 JavaScript 代码动态生成的。顺便说一句,为什么这个按钮,不直接定义在 XML 视图里,而要在控制器里,用 JavaScript 代码动态实现呢?原创 2024-04-26 20:13:47 · 192 阅读 · 1 评论 -
将本地 SAP UI5 应用,在 Visual Studio Code 里部署到 ABAP 服务器,遇到错误该怎么办
我的课程有学习者遇到下面的问题,向我求助。错误截图:错误日志:yes笔者:Visual Studio Code 的 SAP UX Tools 会将本地 SAP UI5 项目的资源文件,打包成一个压缩包,部署到远端 ABAP 系统上。这条 info 日志意思是 Visual Studio Code 开始创建压缩包了。笔者:压缩包创建成功。笔者:部署过程正式开始。笔者:压缩包的内容通过 HTTP POST 请求发送到 ABAP 服务器。原创 2024-04-22 14:55:23 · 219 阅读 · 0 评论 -
问题解答:关于 SAP UI5 OData Model 和 JSONModel 的辨析 - 服务器端模型 vs 客户端模型
本文写作动机,来源于一位课程学习者的提问。在课程第 24 篇文章下有朋友留言:老师,有个问题想问一下,我换成自己 odata 数据源数据已经取出来,其他功能都正常,但是过滤功能不好用,我改了自己的数组类型字段和过滤字段,还有其他地方需要改吗?其他功能都调整正常但是过滤功能还是不好用?老师,我通过后端 odata 服务获取过滤参数实现过滤功能,但是我有个疑问,教程 22 过滤不是通过前端实现的吗,有点懵,还是前后端都可实现?这个问题比较典型,后面也蕴含了一些有用的知识点,本文就深入介绍。先说结论,原创 2024-03-22 19:04:32 · 186 阅读 · 0 评论 -
188. SAP UI5 SmartFilterBar 的高级用法:自定义 Filter 控件的定义方法介绍
我们先来复习一下这个课程的内容。里的Categoryproperty 具有的注解:然后 XML 视图里,在控件的聚合内,将key属性定义成上图的Category字段:最后就能在界面渲染出 Smart Filter 字段了。后来我的里有朋友提问,如何对 Smart Filter Bar 控件默认渲染出来的这个控件外观不满意,想对其进行定制化,比如替换成其他类型的 SAP UI5 控件,应该怎么操作?本文就来详细介绍步骤。本步骤的源代码,位于文件夹 188 内。原创 2024-02-19 14:08:32 · 261 阅读 · 0 评论 -
187. SAP UI5 FreeStyle 开发方式下,Smart Table 控件如何添加自定义按钮
关于 SAP UI5 控件的 Aggregation 概念,本教程之前的文章已经介绍过,这个概念允许控件(Control)以树状结构的形式组织其子控件。Aggregation 本质上是控件之间的关联,用于定义父子关系,其中一个控件可以是另一个控件的容器。利用 Free Style 做成 Fiori 画面里面使用 Smart Table 控件,现在想定在 Smart Table 控件右上的位置添加一个自定义按钮(取消按钮),点击之后把列表选中的数据进行取消处理。Aggregation),每个。原创 2024-02-08 15:19:45 · 93 阅读 · 0 评论 -
186. 如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)
利用 Free Style 做成 Fiori 画面里面使用 Smart Table 控件,现在想定在 Smart Table 控件右上的位置添加一个自定义按钮(取消按钮),点击之后把列表选中的数据进行取消处理。这个控件内,不需要定义任何其他内容,所有的渲染工作直接交给外层的 Smart Table 控件就行了。属性中,可以指定 Grid Table,Analytical Table 和 Tree Table,这三种表格,都默认支持。在打开的应用里,使用本教程之前文章,介绍的 Chrome 扩展。原创 2024-02-08 13:11:13 · 272 阅读 · 1 评论 -
96. 实战篇 - 使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug
反馈教程代码的一个 bug.关于文件夹 96 里的代码:Jerry老师你好。我在本地执行这节课的代码时,碰到了下面的问题,有什么比较好的方法可以解决或者避免吗:Component.js的【attachRequestCompleted】方法被触发之前,先加载了Master.controller里的init方法。Master.controller的init方法中,调用了component的【getPageNumber()】方法。原创 2024-02-02 16:38:51 · 292 阅读 · 0 评论 -
185. 让 SAP UI5 应用的日志打印变得五彩缤纷
其实稍作修改,就能让我们自己编写的 SAP UI5 应用里的代码,也能打印出类似的彩色日志。之前的文章,我只是介绍了如何做,限于篇幅,没有介绍详细的工作原理。本文我们就一起来学习下。原创 2024-01-30 17:14:56 · 708 阅读 · 0 评论 -
8. 问题解答:如何通过 SAP UI5 Tooling 的 Custom Middleware 打印出 HTTP 请求的响应头部字段
通过这段代码,我们可以实现,在 SAP UI5 Custom Middleware 里,每次 HTTP 请求完成后,记录请求的原始 URL 和响应头部信息。这个实现可以在启动 SAP UI5 应用的控制台里,打印出原本只能在 Chrome 浏览器开发者工具 Network 面板里看到的信息,对于调试和监控应用程序的网络交互有所帮助。对象是 Express 应用中的响应对象,而 ‘finish’ 事件是在响应结束时触发的事件。事件对应的回调函数中,打印响应字段的头部字段,此时就可以打印出所有字段的内容了。原创 2024-01-19 19:28:36 · 44 阅读 · 0 评论 -
如何解决命令行 ui5 serve 执行后报错 Unsupported specVersion 的问题
3 代表 major 版本即大版本,中间的 0 代表 minor 版本即小版本,最后的 0 称为 patch 版本。格式的配置文件,会被 SAP UI5 Tooling 解析。我们先看本地项目里的 package.json 文件,里面定义的对。打开这个超链接,里面提到,只有 3.0.0 和 3.0 以上的。本文介绍,当在 SAP UI5 应用工程文件夹里,执行。为 3.0 的 ui5.yaml,必须要求。文件,里面就包含了具体下载的版本号,的 SAP UI5 项目,其。这里的 3.0.0 是所谓的。原创 2024-01-18 19:35:40 · 71 阅读 · 0 评论 -
使用 SAP UI5 Custom Middleware 解决前端跨域问题的一次失败尝试
不过也没关系,因为按照本文开头介绍的,我们已经有相当多的解决方案来避免跨域问题了,本文这个练习,虽然没有实现我们的初衷,但还是在实战中进一步熟悉了 SAP UI5 Toolings 提供的 Custom Middleware 的开发和配置步骤。既然本教程前一篇文章我们学习了 SAP UI5 Custom Middleware 的开发技术,本文就来动手实战,通过 Custom Middleware 来给发往远端的 OData 请求的响应字段里添加。的配置如下,在第九行的 server 区域,声明了一个。原创 2024-01-18 12:04:01 · 230 阅读 · 0 评论 -
7. 问题解答:关于 SAP UI5 运行时使用的版本问题
Jerry老师,有个问题想请教一下:官网右上角有个 Change Version 选项。有的控件属性可能在某个版本里就不能使用了。所以我们在写代码的时候,可能就会需要去指定一个 version 版本。在代码中指定 version,是 manifest 最开头的【_version】属性吗?①如果不是的话,是使用那个属性来指定呢?②如果是的话:第10课的sample code中_version是1.12.0,这个版本是可以在上面网站的ChangeVersion里找到该选项的。原创 2024-01-17 19:21:58 · 1081 阅读 · 0 评论 -
182. SAP UI5 Tooling 实战:动手创建自己的 Custom UI5 Server Middleware
相信通过本教程迄今为止的学习,大家已经从实战中感受到 SAP UI5 Tooling 提供的一套强大而一致的命令行接口,涵盖了从 SAP UI5 项目初始化到构建、调试、测试和部署的各个方面。命令行时,实际上启动了一个 Web server,本地开发好的 SAP UI5 应用会部署到这个本地 Web Server 上,然后我们就可以开始在浏览器里进行测试了。负责将 SAP UI5 应用发向服务器端的 HTTP 请求的响应,取回到浏览器端,因此我们的自定义 Middleware 在这个时间点执行时,原创 2024-01-16 17:39:46 · 339 阅读 · 0 评论 -
181. SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面
笔者做了一个例子,我们选择下拉菜单里不同的选项,可以使用 iframe,将百度,Bing 和 QQ 的 HTML 页面,动态地嵌入到我们开发的 SAP UI5 应用里。原创 2024-01-10 17:32:01 · 909 阅读 · 0 评论 -
6. 问题解答:SAP UI5 应用设置禁止被其他应用嵌入运行的工作原理解析
它包含了有关事件的详细信息,允许开发者对事件进行操作和响应。SAP UI5 框架,通过捕捉键盘和鼠标事件,并且把它们的处理函数,注册到一个私有的函数的做法,实现了 SAP UI5 应用在 iframe 嵌入模式下的。如果大家不想对 HTML 原生的事件对象的使用细节,花费太多的精力去理解,可以简单地理解成,事件对象的这两个方法调用之后,用户用鼠标和键盘触发的相关操作,都如。了,因为 SAP UI5 应用里面所有的按钮和输入元素都失效,无法再在嵌入的 iframe 里运行了,这正是我们期望达到的效果。原创 2024-01-08 16:15:57 · 673 阅读 · 0 评论 -
180. 如何避免 SAP UI5 应用被 iframe 嵌入到其他前端页面中去
攻击者通过将恶意内容覆盖在看似正常的页面上,诱使用户误点击隐藏在其它元素上的按钮或链接,从而触发意外的操作。(Inline Frame 的缩写)提供了一种将其他网页内容嵌入到当前页面的方式,使得页面可以同时展示多个独立的文档。是 HTML 中的一个标准标签,用于在当前 HTML 页面里,嵌套另一个独立的 HTML 文档。这种攻击通常通过透明的或半透明的图层来实现,用户在不知情的情况下与隐藏的恶意元素互动。也可能引发一些安全性问题,在前端领域,最为人熟知的一个安全问题,就是所谓的。原创 2024-01-08 14:15:52 · 1405 阅读 · 0 评论 -
使用 Visual Studio Code 从零开始创建一个最简单的 SAP UI5 应用
笔者这套教程写作之后,有朋友反馈,说教程配套的代码里,每个步骤的 SAP UI5 应用都是笔者事先创建好的,这些朋友想自己动手,从零开始创建一个全新的 SAP UI5 应用,问我具体的步骤是什么?然后弹出一个 form 表单,维护这个应用基本的信息,比如应用标题,基于的 SAP UI5 框架的版本号,创建好的应用会放置在哪个目录,诸如此类的信息。我们进入 00 文件夹的 jerrymodule 子文件夹,就能看到创建好的 SAP UI5 应用的源代码了,如下图所示。原创 2024-01-07 14:20:41 · 1265 阅读 · 0 评论 -
使用 Visual Studio Code 提供的向导和模版创建 Fiori 应用时,遇到故障后的排查指南
本文介绍了 SAP UI5 开发人员,使用 Visual Studio Code 里 SAP 提供的扩展(比如 SAP Fiori Tools)进行开发时,如果扩展本身遇到问题,应该如何去进行错误排查。大家实际开发过程中在 Visual Studio Code 里遇到问题的话,也可以在这个帖子评论区留言,大家一起讨论。原创 2024-01-03 14:09:25 · 1222 阅读 · 4 评论 -
关于 SAP Fiori 应用里如何处理名称包含中文的附件文件上传
问我一个问题,关于 ABAP 上传文件到企业微信时,文件名如果包含中文,发送到企业微信群后,中文字符无法正常显示,变成了。从这位朋友提供的 ABAP 代码可以看出,包含中文字符的文件名,在 ABAP 代码准备发送到企业微信时,没有进行编码处理。回到题目开头朋友提到的问题,在 ABAP 代码里,可以在发送文件之前,将包含中文字符的文件名,通过 ABAP 工具方法。我们可以看看 SAP 标准的 Fiori 应用,是如何处理文件名包含中文字符的附件上传的。,将编码后的值,重新解码,得到原始值。原创 2024-01-01 13:39:09 · 541 阅读 · 0 评论 -
5. 问题解答:SAP Fiori Launchpad 点了 Logout 之后,背后都运行了哪些代码
我们试着在这个分支里设置一个断点,然后回到 Fiori Launchpad,点击 Logout,断点果然触发了,说明这段代码就是我们要查找的,点击了 Logout 按钮后实际执行的 JavaScript 代码。的 logout 方法,传入一个布尔参数 true 进去,通过 always API 注册一个匿名的回调函数,在该回调函数内部,调用。suppress,顾名思义,抑制。stub 通常提供与实际组件和 API 相同的接口,但它们的实现仅限于提供硬编码的响应或简单的行为,而不涉及复杂的业务逻辑。原创 2023-12-25 15:05:33 · 1146 阅读 · 1 评论 -
4. 问题解答:关于本教程源代码 index.html 里指定的 sap_fiori_3 和 ui5 serve 出错的消息
hello ,老师注意到,从14开始,package.json 里多了一段问题1,为什么要添加这段代码呢?因为添加了这段代码,运行 npm install之后,生成的node_modules@openui5\themelib_sap_fiori_3\ui5.yaml里的specVersion:为3.导致不能运行。。。。手动改改2.3之后,ui5 serve可正常执行。这个错误,有什么根治的方法吗?(现在每次都要手动改)这个错误看似简单,背后其实蕴藏着很多知识点。原创 2023-12-08 18:37:01 · 821 阅读 · 0 评论 -
SAP Fiori Tools Extension Pack 的使用技巧汇总
笔者专门利用这篇文章的篇幅,来介绍 SAP Fiori Tools Extension Pack 这个全家桶,在实际 SAP Freestyle UI5 应用和 SAP Fiori Elements 应用开发过程中的一些使用技巧。原创 2023-12-01 18:38:02 · 654 阅读 · 0 评论 -
关于 OData 2.0 和 OData 4.0 协议里对于 SAP 自定义注解(Annotations) 处理的区别讲解
OData 4.0 的注解结构更加灵活和表达力更强,它引入了通用的 `` 元素,并使用 `Term` 属性来指定注解的类型,使得注解的定义更加清晰和模块化。这种改变提高了 OData 协议的扩展性和可读性,也使得开发者更容易理解和维护OData服务。虽然这两个版本的 Annotations 都可以实现相同的功能,但 OData 4.0的结构更加规范、一致,也更符合现代标准的设计理念。原创 2023-11-27 16:38:13 · 860 阅读 · 0 评论 -
179. 如何给 SAP UI5 应用设置背景图片
一个朋友询问如何给开发好的 SAP UI5 应用设置一个背景图片。其实这个需求,按照咱们之前学习的内容,已经可以实现了。本文介绍详细实现步骤原创 2023-11-27 11:58:31 · 882 阅读 · 0 评论 -
我的心血之作:这套适合 SAP UI5 从业人员从入门到进阶的学习教程,写作背后的故事
我在 SAP 官方社区总共发布了 633 篇技术博客,其中 SAP UI5/Fiori 有 221 篇,超过了总数的三分之一。这 200 多篇博客,都是用英文写作的,而且都是面向 SAP UI5 的进阶者。原创 2023-11-24 22:50:40 · 940 阅读 · 0 评论 -
网友向 Jerry Wang 发起咨询的 SAP UI5 和 Fiori 问题列表
本文记录了网友向 Jerry Wang 通过知乎咨询,CSDN 专栏订阅,知识星球和公众号私信等渠道发起咨询的问题列表和对应的解决方案,方便广大 SAP 从业者参考交流。原创 2023-10-24 11:46:27 · 346 阅读 · 0 评论 -
178. 通过 SAP UI5 IconTabBar 控件结合 FlexibleColumnLayout 实现多页面 Master-Detail 布局
本文介绍了一个实际项目中开发需求的详细实现过程。通过使用 SAP UI5 IconTabBar 控件,我们可以让逻辑上属于不同业务范畴的界面,通过点击对应的 Icon,以切换的方式,在同一块屏幕区域显示出来。IconTabBar 结合 Flexible Column Layout 是一种比较专业和高级的 Fiori Master-Detail 布局实现方式。本文给出了这种布局实现方式的最佳实践步骤,对于实现者面临的常见问题,比如 Column 元素不能正常显示的问题,也给出了问题分析和解决方案。原创 2023-10-15 14:44:06 · 227 阅读 · 0 评论 -
本地 SAP UI5 开发环境搭建好之后,运行 ui5 serve 仍然不能正常工作,该怎么办
如果大家按照笔者下面这篇教程文件介绍的步骤去做了执行,仍然无法正常执行ui5 serve命令行, 那么请按照下列的步骤排查。检查 Node.js 的安装路径是否正确配置在 PATH 环境变量里。如果执行 node -v 能够打印出 Node.js 的版本,说明 Node.js 的环境变量配置没有问题。Node.js 的环境变量配置正确后,执行,成功之后应该能够在第一步查找出来的Node.js安装文件夹下,找到ui5.cmd这个文件(Windows 操作系统)。原创 2023-10-14 10:57:42 · 706 阅读 · 3 评论 -
177. SAP UI5 官网上提供的例子,如何下载到本地运行
本文解答了一个朋友向我提出的疑问:为什么 SAP UI5 官方帮助网站上提供的例子,下载到本地后,无法直接运行呢?原创 2023-10-12 22:42:38 · 254 阅读 · 0 评论 -
176. SAP UI5 预定义的 CSS Margin 类和响应式 Margin 类的用途介绍
本教程第 12 和第 13 篇文章,我们简单介绍了 SAP UI5 里 CSS 类的使用:- SAP UI5 应用开发教程之十二 - 使用 CSS 类对 UI 进行进一步美化- SAP UI5 应用开发教程之十三 - 如何添加自定义 CSS 类这两篇文章只能算是对 SAP UI5 预定义的和 Margin 相关的 CSS 类的一个`入门级`的介绍。既然本教程是 SAP UI5 `由浅入深`的介绍,本文就在前面两篇文章的基础上,给大家更深入地讲解 SAP UI5 预定义的和 Margin 相关的 C原创 2023-08-22 11:07:26 · 173 阅读 · 0 评论 -
问题解答:关于 SAP UI5 学习教程示例代码里 Chrome 开发者工具 Console 面板里一些错误消息的说明
首先说结论:在 SAP UI5 应用的开发阶段,部分出现在浏览器开发者工具 Console 面板里的错误消息,可以忽略。注意两点,第一点是错误消息能够忽略的前提条件是,这些错误消息发生在开发阶段。第二点是,只有部分错误消息可以忽略。那么在开发阶段,哪些错误消息可以忽略,哪些错误消息又必须处理呢?如何判断?判断的方法,要么根据自己经验,要么到网络查询资料,或者咨询笔者。原创 2023-08-15 23:28:22 · 198 阅读 · 0 评论 -
问题解答:关于 SAP UI5 控制器(Controller) JavaScript 编码里单引号和双引号的用法澄清
JavaScript 对象(JavaScript Object)是 JavaScript 语言的基本数据结构。JavaScript 对象是键-值对的集合,键和值之间用冒号分隔,键值对之间用逗号分隔,整个对象被大括号包围。JSON 是一种数据格式,它使用 JavaScript 对象语法,但它不是 JavaScript 对象。JSON 是纯文本格式,用于数据交换,独立于语言,可以被多种编程语言读取。在 JSON 中,所有的键必须用双引号包围,字符串值也必须用双引号包围。原创 2023-08-05 23:15:09 · 506 阅读 · 4 评论 -
[问题]:关于在 SAP UI5 应用里显示 Word 文档的需求实现
有朋友咨询如何在 SAP UI5 应用里显示 Word 文档,本文记录研究这个需求的过程。原创 2023-08-05 17:38:00 · 169 阅读 · 0 评论 -
175. SAP UI5 进度条控件的使用方法介绍
有朋友提问关于 ABAP 和 SAP UI5 进度条显示控件的问题。本文来介绍 SAP UI5 里的进度条控件显示。按照本文介绍的步骤,完成后的效果如下图所示:下面是详细的介绍。我们查看 XML 视图里的 ProgressIndicator 控件,该控件位于命名空间sap.m之下:第 13 行的,意思是进度条从左到右的填充程度即进度值,为 30., 意思是显示在进度条上的文本值为30%showValue 属性控制是否在进度条显示属性维护的文本值。state 属性控制进度条的外观颜色。原创 2023-08-01 12:14:54 · 170 阅读 · 0 评论 -
因为 SAP UI5 版本升级引起的问题又一例 - 如何分析问题根源
当然,一旦以前编写好的 SAP UI5 应用,SAP UI5 的版本升级后忽然不能工作,一般在 Chrome 开发者工具 console 面板都能观察到一些蛛丝马迹,比如错误消息。所以此时此刻,对于这个问题,最好的办法就是暂时降低 SAP UI5 的版本号,选择一个比较稳定的,经过充分测试的低版本,比如。我们在这一行设置断点,刷新应用,等断点停下来之后,在 Chrome 调试器的 Watch 面板里,输入。,即不包含具体的版本号,则默认指向最新的版本号,在本文写作时也就是。原创 2023-07-28 20:55:52 · 194 阅读 · 0 评论 -
174. SAP UI5 的 Unified Shell 发展历史和用法介绍
在 SAP UI5 发展历史上,`sap.ui.unified.Shell` 是另一个比较重要的容器控件。Shell 控件是 SAP UI5 应用里所有控件的根控件(Root control),可以理解成控件树形层级结构里的根节点,只是后来随着 SAP UI5 的演进,Fiori Launchpad 诞生之后,因为该 Shell 控件的部分功能和 Fiori Launchpad 有重叠,所以慢慢退出了历史舞台。原创 2023-07-14 16:07:49 · 148 阅读 · 0 评论 -
6. 什么是 SAP UI5 应用的 UI Area
本文介绍的 `UI Area` 属于 SAP UI5 运行框架的范畴,不需要开发人员在代码中手动创建。之所以专门通过一篇文章来介绍它,是因为随着我们后面学习的层层深入,我们还会接触到更多的框架控件。某些特定的应用,缺乏了相应的框架控件,会无法正常运行。比如将来要学习的 SAP UI5 Shell 控件。本文只是给大家针对框架控件进行一个扫盲式的普及。原创 2023-07-13 15:02:28 · 346 阅读 · 0 评论