Jerry Wang，2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师，SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里，Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SAP Cloud for Customer, SAP S/4HANA, SAP Commerce Cloud(电商云)等标准产品的研发工作。

笔者曾经在 SAP 成都研究院 CRM Fiori开发团队工作时，担任了德国一个著名的灯具制造商客户的CRM Fiori项目的dev angel. 当时客户提出了若干对 CRM Fiori标准应用的增强需求，总的来说分为前台Fiori UI界面的增强(比如增添新的自定义字段)以及后台逻辑的增强。

SAP UI5 OData V4 模型包括下列三种绑定实例：List BindingContext BindingProperty Binding无论哪种类型的数据绑定实例，其创建的数据服务请求，这些绑定实例都会设计一个缓存，来存储数据服务响应的数据。 如果可以从此缓存中提供数据，这些绑定实例不会再次发送数据服务请求。应用开发人员可以使用 refresh 方法删除...

一套适合 SAP UI5 初学者循序渐进的学习教程教程目录SAP UI5 本地开发环境的搭建SAP UI5 应用开发教程之一：Hello WorldSAP UI5 应用开发教程之二：SAP UI5 的引导过程 BootstrapSAP UI5 应用开发教程之三：开始接触第一个 SAP UI5 控件SAP UI5 应用开发教程之四：XML 视图初探SAP UI5 应用开发教程之五：视图控制器初探...

一套适合 SAP UI5 初学者循序渐进的学习教程教程目录SAP UI5 本地开发环境的搭建SAP UI5 应用开发教程之一：Hello WorldSAP UI5 应用开发教程之二：SAP UI5 的引导过程 BootstrapSAP UI5 应用开发教程之三：开始接触第一个 SAP UI5 控件SAP UI5 应用开发教程之四：XML 视图初探SAP UI5 应用开发教程之五：视图控制器初探...

一套适合 SAP UI5 初学者循序渐进的学习教程教程目录SAP UI5 本地开发环境的搭建SAP UI5 应用开发教程之一：Hello WorldSAP UI5 应用开发教程之二：SAP UI5 的引导过程 BootstrapSAP UI5 应用开发教程之三：开始接触第一个 SAP UI5 控件SAP UI5 应用开发教程之四：XML 视图初探SAP UI5 应用开发教程之五：视图控制器初探...

一套适合 SAP UI5 初学者循序渐进的学习教程教程目录SAP UI5 本地开发环境的搭建SAP UI5 应用开发教程之一：Hello WorldSAP UI5 应用开发教程之二：SAP UI5 的引导过程 BootstrapSAP UI5 应用开发教程之三：开始接触第一个 SAP UI5 控件SAP UI5 应用开发教程之四：XML 视图初探SAP UI5 应用开发教程之五：视图控制器初探...

一套适合 SAP UI5 初学者循序渐进的学习教程教程目录SAP UI5 本地开发环境的搭建SAP UI5 应用开发教程之一：Hello WorldSAP UI5 应用开发教程之二：SAP UI5 的引导过程 BootstrapSAP UI5 应用开发教程之三：开始接触第一个 SAP UI5 控件SAP UI5 应用开发教程之四：XML 视图初探SAP UI5 应用开发教程之五：视图控制器初探...

第一种方法编辑 app 里的 manifest.json 文件： {代码...} 第二种方法：修改 .cds 文件给对应的 Fiori Elements 字段(forms 中的)添加 Label，以及 table column 字段添加 header： {代码...} 添加 value help： {代码...} SAP CAP 提供了一个本地实现的仿 Fiori Launchpad 的 container：在一个 CAP Java 应用的 app 文...

打开 SAP Business Application Studio，File-> New Project from Template，从模板里选择 SAP Fiori Application：

一套适合 SAP UI5 初学者循序渐进的学习教程教程目录SAP UI5 本地开发环境的搭建SAP UI5 应用开发教程之一：Hello WorldSAP UI5 应用开发教程之二：SAP UI5 的引导过程 BootstrapSAP UI5 应用开发教程之三：开始接触第一个 SAP UI5 控件SAP UI5 应用开发教程之四：XML 视图初探SAP UI5 应用开发教程之五：视图控制器初探...

除了 SAP 公司官方支持的 WebIDE，SAP Business Application Studio 这些运行在浏览器端的开发工具，可以进行 SAP UI5 的开发之外，我们还可以使用 StackBlitz 这款在线 web 应用的开发工具，来开发 SAP UI5 应用。

一套适合 SAP UI5 初学者循序渐进的学习教程教程目录SAP UI5 本地开发环境的搭建SAP UI5 初学者教程之一：Hello WorldSAP UI5 初学者教程之二：SAP UI5 的引导过程 BootstrapSAP UI5 初学者教程之三：开始接触第一个 SAP UI5 控件SAP UI5 初学者教程之四：XML 视图初探SAP UI5 初学者教程之五：视图控制器初探SAP UI5 初...

一套适合 SAP UI5 初学者循序渐进的学习教程教程目录SAP UI5 本地开发环境的搭建SAP UI5 初学者教程之一：Hello WorldSAP UI5 初学者教程之二：SAP UI5 的引导过程 BootstrapSAP UI5 初学者教程之三：开始接触第一个 SAP UI5 控件SAP UI5 初学者教程之四：XML 视图初探SAP UI5 初学者教程之五：视图控制器初探SAP UI5 初...

因为 SAP Spartacus UI 是基于 CMS 驱动的，因此流程是：我们首先在 SAP Commerce Cloud Backoffice 创建新的 content page, CMS Component 以及相关内容，然后再到 SAP Spartacus 层，新建一个 Angular Component，映射到之前 Commerce Cloud Backoffice 里创建的 CMS Component.

一套适合 SAP UI5 初学者循序渐进的学习教程教程目录SAP UI5 本地开发环境的搭建SAP UI5 初学者教程之一：Hello WorldSAP UI5 初学者教程之二：SAP UI5 的引导过程 BootstrapSAP UI5 初学者教程之三：开始接触第一个 SAP UI5 控件SAP UI5 初学者教程之四：XML 视图初探SAP UI5 初学者教程之五：视图控制器初探SAP UI5 初...

Jerry 之前的文章，谈谈 SAP 产品 UI 开发中的组件概念，曾经提到，无论基于何等开发技术的 SAP 产品 UI，其呈现在最终用户面前的视觉效果，都是通过若干逻辑意义上的组件(Component)实现的。这些逻辑意义上的组件，代表了 SAP 产品提供给最终用户交互功能的细粒度的封装，比如查询订单的界面，和创建订单的界面，开发时...

打开 Eclipse 并转到菜单选项，文件 -> 新建 -> 其他...。 在 New 窗口中，打开节点 SAPUI5 Application Development 并选择 Application Project 选项。 单击下一步按钮。

Assertion failed: multiple aggregates defined for aggregation with cardinality 0..1

最近收到一位朋友的咨询，在项目实现中需要实现 SAP UI5 表格控件内的行项目删除需求。这位朋友在网络上搜索了一些示例代码，拷贝到自己的 SAP UI5 应用中，执行发现报错。

UIVeri5 是用于 SAPUI5 应用程序的 SAP 开源 JavaScript 测试框架。 它为您部署的应用程序驱动一个真实的浏览器并模拟真实的用户场景。 系统测试检查前端和后端，并确保应用程序的所有部分都能很好地协同工作。

UIVeri5 是来自 SAPUI5 的开源系统测试工具。它基于 Protractor，这是一种非常流行的基于 node.js 的工具，由 Google 开发，用于系统测试。

如无特殊说明，本公众号介绍的 SAP Commerce Cloud UI，均指新一代基于 Spartacus 开源项目开发的 UI，而非传统的基于 JSP 技术，同 Commerce 平台耦合在一起的 Accelerator UI.

本文即介绍第二种办法。在 SAP UI5 工程里，新建一个 lib 文件夹，把第三方库文件放进去，然后在 manifest.json 文件的 sap.ui5 区域里，定义这个第三方库文件的引用。

做 Web 开发的程序员，无论使用 SAP UI5，还是 Angular，React，Vue，每天都离不开 Chrome / Firefox 开发者工具。

如下图所示： {代码...} 我刚学习 SAP UI5 时，对 data-sap-ui-resourceroots 的作用很是费解。浏览我们开发的整个 SAP UI5 项目资源，无论是 Component.js:还是视图的控制器：还是视图的 id 本身，都包含了 sap.ui.demo.CombineLatest 的前缀：如果我们把 index.html 里的 data-sap-ui-resourceroots 指令去掉：会发现...

任务：分析 SAP UI5 root XML 视图的加载逻辑。鼠标放到 initiator 这一列上，找到调用栈的 UIComponent.js 的 createContent 方法：可以看到，这里的逻辑是，从 manifest.json 里解析出 root view 定义，然后实例化该视图。我们再来看看另一个 root 视图加载失败的 SAP UI5 应用：Access to XMLHttpRequest at '[链接]'...

源代码 Github 地址：[链接]本地路径：C:\Code\frontend-ui5-mssql本文介绍 SAP UI5 Tools.package.json 里定义如下依赖：@ui5/clinpm install 安装依赖后，在 node_modules 文件夹下，发现了 @ui/cli 文件夹，其 readme.md 介绍提到，SAP UI5 CLI，是 SAP UI5 Tooling 的一部分。这个 SAP UI5 工程里包含文件：package....

实现效果如下图所示：app view 的实现代码： {代码...} 代码第 13 行创建的 sap.m.SplitApp, 实际上是 SplitContainer：这个 addPage 方法内部，分别调用 addMasterPage 或者 addDetailPage：此时 detail 页面是空的：Master List 点击事件，注册在 Master.view.xml 里：handleListSelect点击之后，从 event 事件对象里...

如下图所示，我直接将 SAP UI5 Label 和 Text 控件放在一起，最后的结果不令人满意： {代码...} Label 和 Text 并未在同一行显示：使用 HorizontalLayout 将Label 和 Text 包裹在一起，问题解决： {代码...} 最后的效果：更多Jerry的原创文章，尽在："汪子熙":

正则表达式： {代码...} 在 sap.ui.core.Component.js 里，执行 loadManifests 进行加载：我们的 controller extensions 在这里也能看见：在 Manifest 构造函数里，执行 _processI18n, 处理 i18n 相关逻辑： 成功加载的文本资源，位于 ResourceBundle 中：从 Resource Bundle 中，根据 resource key 拿到文本的逻辑，位...

我们在本地 Visual Studio Code 里, 按照下面两篇文章，完成了 SAP UI5 的应用开发，使用 yo 命令行向导创建 SAP UI5 应用使用 yo 命令行向导给 SAP UI5 应用添加一个新的视图最后能得到一个列表，效果如下：本文我们使用 SAP UI5 提供的 Smart 控件来继续丰富这个应用。从下面三个 namespace 引入 Smart 控件：xmlns:sm...

如下图所示: 我使用 sap-language=ZH 的 url 参数，试图访问我 SAP UI5 应用的中文版时，发现标题显示为乱码：[链接]这是我的 i18n_zh.properties 文件：解决办法：在 i18n_zh.properties 里直接输入中文对应的 unicode，而不是中文字符本身：最后乱码消失了：更多Jerry的原创文章，尽在："汪子熙":

sap.suite.ui.generic.template.fragments.TableColumns 和 sap.suite.ui.generic.template.fragments.TableColumnListItem 分别显示表头和表的行内容。