- 如图：假设我们通过下列 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...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签