- 如图：假设我们通过下列 url，打开 SAP Spartacus 一个产品的明细页面，我们想找出是哪个 Angular Component，实现了该明细页面。http://localhost:4200/electronics-spa/en/USD/product/553637/nv10打开 Chrome 开发者工具，查看 Product 明细页面的 HTML 源代码，能找到 cx-page-... 如图：假设我们通过下列 url，打开 SAP Spartacus 一个产品的明细页面，我们想找出是哪个 Angular Component，实现了该明细页面。http://localhost:4200/electronics-spa/en/USD/product/553637/nv10打开 Chrome 开发者工具，查看 Product 明细页面的 HTML 源代码，能找到 cx-page-...
- 本系列之前的文章(0) SAP UI5应用开发人员了解UI5框架代码的意义(1) SAP UI5 module懒加载机制(2) SAP UI5 控件渲染机制(3) HTML原生事件 VS SAP UI5 Semantic事件(4) SAP UI5控件元数据的元数据实现(5) SAP UI5控件的实例数据修改和读取逻辑(6) SAP UI5控件数据绑定的实现原理(7) SAP UI5控件数据... 本系列之前的文章(0) SAP UI5应用开发人员了解UI5框架代码的意义(1) SAP UI5 module懒加载机制(2) SAP UI5 控件渲染机制(3) HTML原生事件 VS SAP UI5 Semantic事件(4) SAP UI5控件元数据的元数据实现(5) SAP UI5控件的实例数据修改和读取逻辑(6) SAP UI5控件数据绑定的实现原理(7) SAP UI5控件数据...
- Angular 官网的代码：https://angular.io/api/core/Injectable#providedin我把这段代码原封不动地拷贝到我的 app.module.ts ，然后执行：@Injectable()class UsefulService {}@Injectable()class NeedsService { constructor(public service:... Angular 官网的代码：https://angular.io/api/core/Injectable#providedin我把这段代码原封不动地拷贝到我的 app.module.ts ，然后执行：@Injectable()class UsefulService {}@Injectable()class NeedsService { constructor(public service:...
- 在之前的 SAP Spartacus 标准开发中，每次我从 Github 上 clone 了最新的代码后，必须手动修改 environment.ts 里的配置值，将 CX_BASE_URL 和 b2b 修改成实际值：后来我研究了一下 package.json 里定义的脚本：发现使用了 env-cmd 这个工具：env-cmd --no-override -e dev,b2c,$SPA_ENV... 在之前的 SAP Spartacus 标准开发中，每次我从 Github 上 clone 了最新的代码后，必须手动修改 environment.ts 里的配置值，将 CX_BASE_URL 和 b2b 修改成实际值：后来我研究了一下 package.json 里定义的脚本：发现使用了 env-cmd 这个工具：env-cmd --no-override -e dev,b2c,$SPA_ENV...
- 标题：SAP Cloud Application Programming 里的@(path:’/browse’)service 实现的 .cds 文件源代码：using { sap.capire.bookshop as my } from '../db/schema';service CatalogService @(path:'/browse') { @readonly entity B... 标题：SAP Cloud Application Programming 里的@(path:’/browse’)service 实现的 .cds 文件源代码：using { sap.capire.bookshop as my } from '../db/schema';service CatalogService @(path:'/browse') { @readonly entity B...
- 答案就在这个参数里：skip=0&top=100ODataListBinding.js里,this.loadData的输入参数为100：this.oModel.iSizeLimit 为100:在 sap-ui-core-dbg.js里,同样能看到下面高亮出来的硬编码代码:this.iSizeLimit = 100;我基于 SAP Spartacus library创建了一个自定义的Store... 答案就在这个参数里：skip=0&top=100ODataListBinding.js里,this.loadData的输入参数为100：this.oModel.iSizeLimit 为100:在 sap-ui-core-dbg.js里,同样能看到下面高亮出来的硬编码代码:this.iSizeLimit = 100;我基于 SAP Spartacus library创建了一个自定义的Store...
- 解析 SAP Spartacus B2B list 实现，即list.component.html时，因为在Component 模板里遇到了[cxPopover]指令，因此触发依赖注入：首先创建directive实例：当点击宿主元素 icon 时，因为@HostListener 注解的原因，一旦宿主元素发生了 click 事件后，我们定义在 directive 实现里的handleOpen方... 解析 SAP Spartacus B2B list 实现，即list.component.html时，因为在Component 模板里遇到了[cxPopover]指令，因此触发依赖注入：首先创建directive实例：当点击宿主元素 icon 时，因为@HostListener 注解的原因，一旦宿主元素发生了 click 事件后，我们定义在 directive 实现里的handleOpen方...
- 这个弹出窗口的技术实现，通过SAP Spartacus 自定义的popover Component实现而成：注意，当我刚接触Angular时，误以为下图标号为1的a标签，和标号为2的自定义标签cx-org-toggle-status, 会按照其在unit-details.component.html里出现的先后顺序，出现在最终的页面里。实际上，我这种理解是错误的。SAP Spartacus ... 这个弹出窗口的技术实现，通过SAP Spartacus 自定义的popover Component实现而成：注意，当我刚接触Angular时，误以为下图标号为1的a标签，和标号为2的自定义标签cx-org-toggle-status, 会按照其在unit-details.component.html里出现的先后顺序，出现在最终的页面里。实际上，我这种理解是错误的。SAP Spartacus ...
- 最近一段时间, Jerry 陆续把自己在 SAP Commerce Cloud (电商云) 新一代前台页面开发的日常工作中遇到的一些问题和心得，写成了文章：从一个实际的例子出发，谈谈SAP Commerce Cloud电商云的UI自定义开发SAP Commerce Cloud (电商云) UI 的懒加载功能SAP CRM Fiori 应用和 SAP Commerce Cloud (电商云) ... 最近一段时间, Jerry 陆续把自己在 SAP Commerce Cloud (电商云) 新一代前台页面开发的日常工作中遇到的一些问题和心得，写成了文章：从一个实际的例子出发，谈谈SAP Commerce Cloud电商云的UI自定义开发SAP Commerce Cloud (电商云) UI 的懒加载功能SAP CRM Fiori 应用和 SAP Commerce Cloud (电商云) ...
- 本文首先快速回顾几种 SAP 产品中的 UI 增强思路，然后具体介绍该思路是如何在 SAP Commerce Cloud(电商云) UI 增强中贯彻实施的。Jerry 之前的文章：Jerry 在 2020 SAP 全球技术大会的分享：SAP Spartacus 技术介绍的文字版，曾经提到，SAP 电商云的新一代标准 UI，由众多 Angular Component 组成，这些 Compone... 本文首先快速回顾几种 SAP 产品中的 UI 增强思路，然后具体介绍该思路是如何在 SAP Commerce Cloud(电商云) UI 增强中贯彻实施的。Jerry 之前的文章：Jerry 在 2020 SAP 全球技术大会的分享：SAP Spartacus 技术介绍的文字版，曾经提到，SAP 电商云的新一代标准 UI，由众多 Angular Component 组成，这些 Compone...
- 最近工作中处理了 SAP Commerce Cloud (电商云) UI 的一个懒加载 (Lazy Load) 功能的问题，这里把自己学到的东西做个记录。UI 懒加载，有时又称惰性加载，延迟加载，是和贪婪加载 (Eager Load) 截然相反的一种 UI 组件加载策略。假设一个应用的 UI 由 A，B，C 若干视图组成，采用贪婪加载，则所有视图的实现代码，在 build 阶段会被合并到一个... 最近工作中处理了 SAP Commerce Cloud (电商云) UI 的一个懒加载 (Lazy Load) 功能的问题，这里把自己学到的东西做个记录。UI 懒加载，有时又称惰性加载，延迟加载，是和贪婪加载 (Eager Load) 截然相反的一种 UI 组件加载策略。假设一个应用的 UI 由 A，B，C 若干视图组成，采用贪婪加载，则所有视图的实现代码，在 build 阶段会被合并到一个...
- https://blog.thoughtram.io/angular/2016/01/22/understanding-zones.html假设有这三个函数：foo();bar();baz();function foo() {...}function bar() {...}function baz() {...}要度量其运行时间：var start, time = 0; time... https://blog.thoughtram.io/angular/2016/01/22/understanding-zones.html假设有这三个函数：foo();bar();baz();function foo() {...}function bar() {...}function baz() {...}要度量其运行时间：var start, time = 0; time...
- 上周 Jerry 做 SAP Spartacus 开发时，接触到一个新的和幽灵相关的术语： Skeleton Design(Ghost Design)读了帮助文档后，发现该名词对我来说只不过是旧瓶装新酒罢了。 本文目录SAP UI5 Busy Dialog使用代理模式( Proxy Pattern ) 提高 SAP UI5 大尺寸图片的加载体验SAP Spartacus Spinner 控件... 上周 Jerry 做 SAP Spartacus 开发时，接触到一个新的和幽灵相关的术语： Skeleton Design(Ghost Design)读了帮助文档后，发现该名词对我来说只不过是旧瓶装新酒罢了。 本文目录SAP UI5 Busy Dialog使用代理模式( Proxy Pattern ) 提高 SAP UI5 大尺寸图片的加载体验SAP Spartacus Spinner 控件...
- 在使用本文章介绍的步骤进行SAP Spartacus Storefront在服务器端渲染模式(SSR)下的调试之前，请您确保已经按照如下帮助文档的介绍，已经成功启用了服务器端渲染：https://sap.github.io/spartacus-docs/server-side-rendering-in-spartacus/并且成功通过下列命令行启动了Spartacus Storefront：... 在使用本文章介绍的步骤进行SAP Spartacus Storefront在服务器端渲染模式(SSR)下的调试之前，请您确保已经按照如下帮助文档的介绍，已经成功启用了服务器端渲染：https://sap.github.io/spartacus-docs/server-side-rendering-in-spartacus/并且成功通过下列命令行启动了Spartacus Storefront：...
- 我们团队昨天收到了一个优先级为VERY HIGH的客户incident.这个incident是客户在使用SAP Spartacus并试图启用其服务器端渲染模式(Server Side Rendering，简称SSR)时，遇到了问题，因此我有机会回顾之前使用过的SAP UI开发技术里，关于客户端渲染(Client Side Rendering，简称CSR)和服务器端渲染的知识点。 回顾目录SA... 我们团队昨天收到了一个优先级为VERY HIGH的客户incident.这个incident是客户在使用SAP Spartacus并试图启用其服务器端渲染模式(Server Side Rendering，简称SSR)时，遇到了问题，因此我有机会回顾之前使用过的SAP UI开发技术里，关于客户端渲染(Client Side Rendering，简称CSR)和服务器端渲染的知识点。 回顾目录SA...
上滑加载中
推荐直播
-
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中
热门标签