- 如图:假设我们通过下列 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...
上滑加载中
推荐直播
-
全面解析华为云EI-API服务:理论基础与实践应用指南
2024/11/29 周五 18:20-20:20
Alex 华为云学堂技术讲师
本期直播给大家带来的是理论与实践结合的华为云EI-API的服务介绍。从“主要功能,应用场景,实践案例,调用流程”四个维度来深入解析“语音交互API,文字识别API,自然语言处理API,图像识别API及图像搜索API”五大场景下API服务,同时结合实验,来加深开发者对API服务理解。
回顾中 -
企业员工、应届毕业生、在读研究生共探项目实践
2024/12/02 周一 19:00-21:00
姚圣伟 在职软件工程师 昇腾社区优秀开发者 华为云云享专家 HCDG天津地区发起人
大神带你一键了解和掌握LeakyReLU自定义算子在ONNX网络中应用和优化技巧,在线分享如何入门,以及在工作中如何结合实际项目进行学习
即将直播 -
昇腾云服务ModelArts深度解析:理论基础与实践应用指南
2024/12/03 周二 14:30-16:30
Alex 华为云学堂技术讲师
如何快速创建和部署模型,管理全周期AI工作流呢?本期直播聚焦华为昇腾云服务ModelArts一站式AI开发平台功能介绍,同时结合基于ModelArts 的实践性实验,帮助开发者从理论到实验更好地理解和使用ModelArts。
去报名
热门标签