写点什么

ui5

0 人感兴趣 · 34 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/05/0544935f304b35bf5b3127ae4c159001.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fiori Elements 框架里 Smart Table 控件的工作原理介绍

用户头像
Jerry Wang
2022-11-25

笔者前一篇文章 深入掌握 SAP Fiori Elements 工作原理系列之二:如何给 Fiori Elements 应用添加自定义按钮 介绍了如何给 SAP Fiori Elements 应用的 Smart Table 工具栏里,新增自定义按钮,并实现其点击事件处理函数。

https://static001.geekbang.org/infoq/c1/c1914943a50739de9df2153f60d2919d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fiori Elements 应用进行二次开发的一个具体案例分享

用户头像
Jerry Wang
2022-11-18

笔者之前的文章 使用 Fiori Elements 框架创建 UI5 Web 应用,介绍了如何使用 Visual Studio Code,创建 SAP Fiori Elements 应用。 本文介绍如何对该自动生成的应用进行二次开发。

https://static001.geekbang.org/infoq/d9/d923d7f24ee701e60bff726b8db2ec37.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

谈谈前端应用里图标 (Icon) 的渲染和内容提取方式

用户头像
Jerry Wang
2022-11-18

近日,一位 SAP 合作伙伴的开发人员,向笔者咨询一个关于 SAP Fiori 应用里图标的使用问题。他在 SAP 某标准 Fiori 应用里,发现了一个图标(例如下图红色高亮区域所示的图标), 希望在自己开发的 Fiori 应用里也使用这个图标,但是不知道其对应的属性值。

https://static001.geekbang.org/infoq/d9/d923d7f24ee701e60bff726b8db2ec37.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 Fiori Elements 框架创建 UI5 Web 应用

用户头像
Jerry Wang
2022-11-17

笔者前一篇文章 SAP Cloud Application Programming 介绍 - 2021 更新版,介绍了如何使用 SAP Cloud Application Programming,在本地创建一个 OData 服务,并且利用 SAP CAP SDK,在一个自动且临时生成的 Fiori Elements 应用里,消费该 OData 服务。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 数据绑定中的工厂函数

用户头像
Jerry Wang
2022-11-12

工厂函数是一种更强大的从模型数据创建控件的方法。 为控件聚合的每个条目调用工厂函数,开发人员可以决定每个条目是否应由具有不同属性的相同控件表示,甚至每个条目由完全不同的控件表示。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 barcode 控件的 feature 检查探测机制单步调试 - checkCordovaInIframe

用户头像
Jerry Wang
2022-11-06

第 170 行 checkCordovaInIframe 是检测 Cordova API 在 iframe 里的可用性,这里可以忽略。

https://static001.geekbang.org/infoq/21/212fa7ff99e6afa3f79947a2913e9543.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 BarcodeScannerButton 的初始化逻辑 - feature 检测,Cordova API 检测等逻辑

用户头像
Jerry Wang
2022-11-02

sap.ndc.BarcodeScannerButton:用于启动条码扫描过程的按钮控件(显示条码图标)。 如果本机扫描功能不可用或未授予相机功能,则该按钮要么被隐藏,要么通过打开带有输入字段的对话框来提供后备,可以在其中手动输入条形码。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 和 Angular 的函数防抖 (Debounce) 和函数节流 (Throttle) 实现原理介绍

用户头像
Jerry Wang
2022-11-01

笔者之前的文章 SAP UI5 OData谣言粉碎机:极短时间内发送两个Odata request, 前一个会自动被cancel掉吗,介绍过 SAP 成都研究院 CRM Fiori 开发团队开发过的一个Live Search的场景。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 BarcodeScannerButton 的初始化逻辑 - feature 检测,Cordova API 检测等逻辑

用户头像
Jerry Wang
2022-11-01

sap.ndc.BarcodeScannerButton:用于启动条码扫描过程的按钮控件(显示条码图标)。 如果本机扫描功能不可用或未授予相机功能,则该按钮要么被隐藏,要么通过打开带有输入字段的对话框来提供后备,可以在其中手动输入条形码。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 OData 谣言粉碎机:极短时间内发送两个 Odata request, 前一个会自动被 cancel 掉吗

用户头像
Jerry Wang
2022-10-13

最近笔者在使用 Angular 进行 SAP Spartacus 前端开发时,遇到了和本文标题描述极为类似的场景。因为我学习新知识的时候,总喜欢把之前已经熟悉的知识拿来做横向类比,所以本文首先重温一个不少 SAP UI5 开发人员都理解得似是而非的知识点。

https://static001.geekbang.org/infoq/b7/b7b5ae74c0d5d9f22e53c73cfa87931e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 Form 表单 Column Layout 下的 Column 个数分配问题

用户头像
Jerry Wang
2022-09-18

ColumnLayout 控件以基于列的响应方式呈现表单组。 根据其大小,该组被分为一列或多列。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

关于 SAP UI5 所有控件的共同祖先 - sap.ui.base.ManagedObject

用户头像
Jerry Wang
2022-09-11

ManagedObject 的新子类是通过调用 ManagedObject.extend 创建的,并且可以使用本文介绍的以下托管功能。

https://static001.geekbang.org/infoq/1c/1cd79adea8649b20f53fea3f27da1cc7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

深入学习 SAP UI5 框架代码系列之三:UI5 控件的渲染器

用户头像
Jerry Wang
2022-09-06

我们已经了解到UI5 Button Module之一,ButtonRenderer,专门负责将sap.ui.commons.button的实例数据,渲染成原生的HTML代码。 在ButtonRenderer.render函数里设置断点,然后F5刷新页面,断点触发,就可从调用栈观察到ButtonRenderer是如何执行渲染工作的。

https://static001.geekbang.org/infoq/4e/4e8766749775cbb6ecb773ad294bc6f0.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

深入学习 SAP UI5 框架代码系列之四:HTML 原生事件 VS UI5 Semantic 事件

用户头像
Jerry Wang
2022-09-06

本文将讨论SAP UI5控件的事件处理,全文会围绕 HTML Native 事件和 SAP UI5 的 Semantic Event 的差异来阐述。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 的规则构建器控件介绍

用户头像
Jerry Wang
2022-09-06

SAP 业务规则是一种逻辑,它定义业务的某些方面,并总是解析为真或假的布尔值。非技术用户可以通过简化的规则语言和用户界面维护此逻辑。因此,业务规则允许应用程序的客户添加他们自己的逻辑,而不需要技术定制或编码。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 ManagedObject 的 Association 讲解

用户头像
Jerry Wang
2022-09-05

托管关联也形成 SAP UI5 对象之间的关系,但它们不定义关联对象的生命周期。换句话说,通过 association 关系关联在一起的两个 SAP UI5 对象,是松耦合的关系,其生命周期彼此独立。它们甚至可以在另一个关联对象已经被销毁的前提下仍然独立存在。

https://static001.geekbang.org/infoq/75/75b5ecb30bdac62785e961aa23407857.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 yo 命令行向导创建 SAP UI5 应用

用户头像
Jerry Wang
2022-08-23

命令行:yo easy-ui5 project, 遇到错误消息的解决思路。

https://static001.geekbang.org/infoq/2c/2c6dddbf682bfab9727df33017a81375.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP Fiori Launchpad Tile,UI5 应用,和 PFCG Role 的对应关系

用户头像
Jerry Wang
2022-08-22

问题:已经看到了SAP Fiori Launchpad上的某个tile,如何反推后台需要配置哪个PFCG Role才能看到该tile?

https://static001.geekbang.org/infoq/2c/2c6dddbf682bfab9727df33017a81375.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP Fiori Launchpad 应用的两个实用技巧分享

用户头像
Jerry Wang
2022-07-18

本文分享了笔者进行 SAP Fiori 项目开发中的两个实用技巧,分别包含已知 Fiori 屏幕上某字段的位置,查找其数据库表存储字段名称,以及 SAP Fiori Launchpad 自定义扩展(Extensibility)的详细步骤。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP Fiori 的附件处理 (Attachment handling)

用户头像
Jerry Wang
2022-07-17

以 SAP CRM Fiori 应用为例。附件处理有两个层面,即在 Fiori UI 上显示附件(读取操作),以及通过 Fiori UI 创建附件(写入操作)。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP Fiori Launchpad 上看不到任何 tile 应该怎么办?

用户头像
Jerry Wang
2022-07-16

我登录 AG3/001,使用事物码 :/UI2/FLP, 打开的 Fiori Launchpad 上,看不到任何 tile:

https://static001.geekbang.org/infoq/d9/d923d7f24ee701e60bff726b8db2ec37.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP Fiori @OData.publish 注解的工作原理解析

用户头像
Jerry Wang
2022-07-12

本文从一个开发人员的视角,深入介绍了 SAP Fiori 注解 @OData.publish 的工作原理。同时也展示了如何通过事物码 ST05,自行定位到 ABAP 框架自动生成 OData 服务资源的准确代码位置。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节

用户头像
Jerry Wang
2022-07-11

本文前半部分,首先介绍了将 SAPGUI 传统的事物码,嵌入到 Fiori Launchpad 中启动并在浏览器里运行的技术原理,接着以每一位 ABAP 开发人员每天都会使用的事物码 SE80 为例,介绍了将其配置到 Fiori Launchpad 的详细步骤。

https://static001.geekbang.org/infoq/21/212fa7ff99e6afa3f79947a2913e9543.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP Fiori 应用索引大全工具和 SAP Fiori Tools 的使用介绍

用户头像
Jerry Wang
2022-07-06

Fiori 应用索引,顾名思义,这是 SAP官方发布的一个Fiori应用检索工具,所有标准发布的Fiori应用的明细都能在这个工具里查到。本文依次分享了 Fiori Application Reference 和 Fiori Tools 这两个实用工具在笔者实际工作中所发挥的重要作用。

https://static001.geekbang.org/infoq/d9/d923d7f24ee701e60bff726b8db2ec37.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 框架的 manifest.json

用户头像
Jerry Wang
2022-07-06

链接:https://sapui5.hana.ondemand.com/resources/sap/ui/core/manifest.json

https://static001.geekbang.org/infoq/d9/d923d7f24ee701e60bff726b8db2ec37.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 ObjectPageLayout 控件使用方法分享

用户头像
Jerry Wang
2022-07-05

SAP UI5 ObjectPageLayout 控件允许应用程序轻松显示与业务对象(Business Object)相关的信息的布局。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 应用的主 - 从 - 从 (Master-Detail-Detail) 布局模式的实现步骤

用户头像
Jerry Wang
2022-07-04

所谓 SAP UI5 应用的主-从-从布局模式,意思是屏幕水平方向分为左,中,右三部分。

ui5_ui5技术文章_InfoQ写作社区