SAP Spartacus B2B 页面类似 SAP Fiori Launchpad,共有 6 个 tile(磁贴),点击某个磁贴,能跳转到对应的列表页面。

路由映射就是指点击某个 url 之后(例如上图所示的例子),应该激活哪一个 Angular Component.

例如上图 User tile,通过 a 标签实现,点击之后,会跳转到其 href 属性指向的 url:http://localhost:4200/powertools-spa/en/USD/organization/units

问题是,这个 url ,对应 SAP Spartacus 里哪个 Angular Component 么?

我们可以通过查询源代码的方式自行找到答案。

和 B2B User tile 相关的配置,都维护在文件 user.config.ts 里, orgUser 的路径为 organization/users:

这里就能找到 User tile 对应的 Angular Component了。

ManageUsersListComponent 对应 ListComponent:

对于 Org Unit 来说,路由配置的格式同 User 一样:

这里同 User Mapping 实现有差异。在 User CMS mapping 里,ManageUsersListComponent 对应 ListComponent,而对于 Org Unit,Commerce 后台 ManageUnitsListComponent,映射到 SAP Spartacus Component 是 UnitListComponent,而不是更通用的 ListComponent.

更多Jerry的原创文章,尽在:“汪子熙”:

SAP Spartacus B2B OrgUnit 和 OrgUser 的路由映射差异比较相关推荐

  1. SAP Spartacus B2B页面Banner Component的路由url是在哪里定义的

    在Component wrapper里加上一行打印语句: 输出效果: 以CostCentersHomeLink为例:Spartacus里搜索不到,因为这是一个CMS Component: 从spart ...

  2. SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置

    SAP Spartacus B2B 页面的列表页面,一共有 6 个类似 SAP Fiori Language 里的 tile(磁贴): 点击去之后,能看到列表页面有一个绿色 icon 图标,点击之后, ...

  3. SAP Spartacus B2B 页面 Disable 按钮的显示原理

    SAP Spartacus B2B 页面 disable 按钮如下图所示. 这个高亮的 disable 按钮,和左边相邻的 Edit 按钮,实现位于不同的 Component. disable 按钮有 ...

  4. SAP Spartacus B2B Popover Directive 和 Popover Component 的生命周期管理

    解析 SAP Spartacus B2B list 实现,即list.component.html时,因为在Component 模板里遇到了[cxPopover]指令,因此触发依赖注入: 首先创建di ...

  5. SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑

    这个弹出窗口的技术实现,通过SAP Spartacus 自定义的popover Component实现而成: 注意,当我刚接触Angular时,误以为下图标号为1的a标签,和标号为2的自定义标签cx- ...

  6. SAP Spartacus B2B User 页面的数据读取逻辑设计

    点击SAP Spartacus B2B的Users页面后: 触发selector: 看到user 列表: B2B user模块,从设计上说,位于Spartacus工程项目的feature-libs文件 ...

  7. SAP Spartacus B2B table的配置信息的merge原理

    以SAP Spartacus b2b unit table的配置信息为例:位于文件units.config.ts里: 运行时,这些配置信息,被merge在table.service.ts的this.c ...

  8. SAP Spartacus B2B ListComponent响应回车事件的实现

    SAP Spartacus B2B的List页面: 和回车键事件相关的实现: <cx-table*ngIf="data.values?.length > 0; else empt ...

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

    打开SAP Spartacus My Company菜单,第一个banner即为Budgets页面的入口: http://localhost:4200/powertools-spa/en/USD/or ...

最新文章

  1. SQL Server 为什么事务日志自动增长会降低你的性能
  2. 内容组织高效项目方案是如何产生的 !
  3. python vscode_VScode 配置为Python编辑器
  4. Apache Spark探秘:三种分布式部署方式比较
  5. 常见java面试题 普通类和抽象类的区别?
  6. C# lambda表达式与匿名方法
  7. CCF CSP 201809-1 卖菜
  8. 马斯克说,特斯拉卡车有Mad Max狂野模式,危险的变道操作?
  9. 深入阅读Mina源码(3) —— Mina之IOAdapter(二)
  10. Oracle作业job 没有自动调度起来
  11. c语言与程序设计读后感,《高质量c语言编程》读后感
  12. 4. php运行过程时序图
  13. Java 并发编程的艺术
  14. dixon matlab,磁共振Dixon技术原理及初代算法解析
  15. ios开发的p12和provision
  16. Python:nii格式的核磁共振图像(MRI)的读取、处理、显示操作(以缩放操作举例)
  17. 吐血分享:QQ群霸屏技术教程(接单篇)
  18. IROS2020 论文阅读
  19. 郑和下西洋有两个主要目的:
  20. 如果你是一个C++面试官,你会问哪些问题?

热门文章

  1. 51NOD 1594:Gcd and Phi——题解
  2. ReactiveCocoa 更优雅的编程(信号探秘)
  3. 天兔安装手册-第一篇文章
  4. touch事件总结,监听屏幕点击事件
  5. 数据挖掘与数据化运营实战. 3.10 信用风险模型
  6. 为甚么 国企做互联网总做不起来?
  7. mac下搭建lua环境
  8. 设计模式(5)----模板方法
  9. 修改Sublime Text3左侧导航字号大小及行高
  10. p1044与p1898