SAP Spartacus B2B页面Budget页面的设计原理

简介: SAP Spartacus B2B页面Budget页面的设计原理

打开SAP Spartacus My Company菜单,第一个banner即为Budgets页面的入口:


image.png


http://localhost:4200/powertools-spa/en/USD/organization/budgets


路由配置:


image.png


路径:organization/budgets


image.png


这个路由配置定义在budget-component-module.ts中的providers字段里:


image.png


在B2B的administration-components.module.ts里使用到了BudgetComponentsModule:


image.png


AdministrationModule又使用到了AdministrationComponentsModule:


image.png


b2bFeature使用B2bStorefrontModule.withConfig定义了urlParameters和baseSite:


image.png


image.png


Budget List的HTML实现也是cx-org-list, 只是class值同unit list不同。


image.png


image.png


image.png


Organization页面里,六大banner的CMS Component和Angular Component实现对应如下:

image.png


相关文章
|
3月前
|
JavaScript 前端开发 数据库
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
21 0
|
4月前
|
缓存 前端开发 JavaScript
Spartacus SSR 使用场景里,CDN 应该 cache 哪些类型的页面
Spartacus SSR 使用场景里,CDN 应该 cache 哪些类型的页面
72 0
|
7月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
40 0
|
3月前
|
XML JavaScript 数据格式
SAP UI5 XML Preprocessor 的工作原理和 instructions 指令详解
SAP UI5 XML Preprocessor 的工作原理和 instructions 指令详解
30 0
|
3月前
SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍试读版
SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍试读版
17 0
|
3月前
|
前端开发
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
34 0
|
3月前
|
前端开发
问题解答:SAP UI5 应用设置禁止被其他应用嵌入运行的工作原理解析试读版
问题解答:SAP UI5 应用设置禁止被其他应用嵌入运行的工作原理解析试读版
115 0
|
4月前
|
存储 缓存 前端开发
关于 SAP Spartacus Optimization Engine 里的 cache 参数使用注意事项
关于 SAP Spartacus Optimization Engine 里的 cache 参数使用注意事项
20 0
|
4月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
26 0
|
4月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
42 0