写点什么

SAP UI5

0 人感兴趣 · 69 次引用

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

SAPUI5 本地工程中的键值对 sapux - true 的作用

在 SAPUI5 本地工程中,"sapux": true 是 package.json 文件中的一个字段,它用于指定项目是否是 SAPUI5 UX 工程。

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/2c/2c6dddbf682bfab9727df33017a81375.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何给 Fiori Elements 应用添加自定义按钮

用户头像
Jerry Wang
2022-11-24

笔者的日常工作内容从 2020 年 8 月转到 Angular 前端开发之后,算是领略到了这个流行前端框架繁荣生态圈的风采:在开发过程中遇到 Angular 技术问题时,很容易在社区里找到大量相关文章。

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

深入掌握 Fiori Elements 工作原理的前提条件:理解 Smart Field

用户头像
Jerry Wang
2022-11-23

SAP 前端开发者如今使用的 SAP Fiori Elements,在 2016 年时被称为 Smart Template,其在 SAP 官网的定义是: Smart Template 是一套框架,针对最常用的应用模式,根据元数据注解,加上预定义的模板,在运行时能够动态生成 SAP UI 页面。

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

SAP UI5 应用和 Angular 应用视图里控件 id 生成逻辑的异同比较

用户头像
Jerry Wang
2022-11-22

本文对 SAP UI5 和 Angular 这两个前端框架中视图控件 id 的生成逻辑进行了一个横向比较。

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

本地开发完成的 Fiori Elements 应用,部署到远端 ABAP 服务器上的详细步骤

用户头像
Jerry Wang
2022-11-21

之前笔者的两篇文章,分别介绍了如何在本地使用 Visual Studio Code 创建一个 SAP Fiori Elements 应用,以及使用 Fiori Elements Controller Extension 理念,对该 Fiori Elements 应用进行二次开发的具体步骤。本文介绍本地开发完成如何部署到服务器上。

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/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

不借助 Fiori client,直接在手机浏览器里调用 SAP UI5 BarcodeScanner 实现条形码扫描的可能性?

用户头像
Jerry Wang
2022-11-05

开发人员可以使用 SAP 移动平台 SDK(Mobile Platform SDK) 构建自定义 SAP Fiori 客户端(适用于 iOS 和 Android),以调整品牌、添加对自定义身份验证方案的支持,或添加额外的 SAP、合作伙伴或开源插件。定制版与 SAP Fiori Client 具有相同的核心功能。

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 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 应用到 SAP BTP 时遇到的 fiori not found 错误消息

用户头像
Jerry Wang
2022-10-18

我在 SAP Business Application Studio 里开发了一个 Spring Boot 应用,这个应用提供了一个 OData 服务实现。然后我用 BAS 的 create from template 功能,创建了一个 SAP UI5 应用。

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/04/04ce7f3896a47bd81917b38cb82d0dfb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP 电商云 Spartacus UI 有状态 的 url 和 title 属性的赋值代码

用户头像
Jerry Wang
2022-09-13

Spartacus 为店面的每一部分提供了一个带有状态地址的 URL。这使用户可以更轻松地浏览店面,还允许网络爬虫对每个页面进行索引。因此,可以通过社交媒体、机器人和搜索索引共享更多页面。

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/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Angular tsconfig.json 文件里的 paths 用途

用户头像
Jerry Wang
2022-09-08

Angular 项目目录中的 TSConfig 文件表明该目录是 TypeScript 或 JavaScript 项目的根目录。 TSConfig 文件可以是 tsconfig.json 或 jsconfig.json,两者都有相同的配置变量集。

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/04/04ce7f3896a47bd81917b38cb82d0dfb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP 电商云 Spartacus UI 里的 ASM 模块启用的前置条件

用户头像
Jerry Wang
2022-08-20

辅助服务模块 (ASM) 使客户服务人员能够使用 Spartacus 店面提供实时客户销售和服务支持。

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

用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用

用户头像
Jerry Wang
2022-07-21

本文首先回顾了 SAP Fiori Fundamentals 和 SAP UI5 Web Components 诞生的历史由来,接着以 UI5 Web Component for React 为例,介绍了这两种前端开发技术双剑合璧的一个使用场景。

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

在 Business Application Studio 里使用 SAP UI5 应用消费 OData 的 Create 和 Delete 操作

用户头像
Jerry Wang
2022-07-20

在 SAP Business Application Studio 里创建一个 SAP UI5 应用,应该具有如下的项目结构:

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)的详细步骤。

SAP UI5_SAP UI5技术文章_InfoQ写作社区