Hybris UI 的 Route(路由) 实现

Jerry Wang

关注

发布于: 2021 年 06 月 05 日

点击某个产品进入明细页面:

注意产品明细这个 url:

这个明细页面的路由和 SAP UI5 的路由思路很像。

在 SAP UI5 应用里，每个页面都会有一个对应的路由配置信息。该信息的结构如下图所示，包含一个页面的逻辑名称，路由的 target url 和页面的实际名称。我们在浏览器地址栏里看到的 detail 为逻辑名称。

回到 Hybris，这个 url https://localhost:9002/yacceleratorstorefront/electronics/en/Open-Catalogue/Cameras/Digital-Cameras/Digital-Compacts/DSC-H20/p/1978440_blue 的请求的处理交由文件夹 pages 的 controller ProductPageController 处理：

根据 SpringMVC 提供的注解 @requestmapping, 在运行时当前产品的编号会被自动赋值给变量 productCode, 然后通过类似 CRM WebUI BOL layer->Genil layer->DB layer 的路径把对应 product 的数据取出来，最后填充给 model 变量。这个 model 变量最后用于在 JSP UI 上显示数据。