写点什么

Hybris UI 的 Route(路由) 实现

用户头像
Jerry Wang
关注
发布于: 2021 年 06 月 05 日
Hybris UI的Route(路由)实现

登录 Hybris 前台,在 product catalog 里选择 Digital camera:



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



注意产品明细这个 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 上显示数据。



关于 Hybris 这几层之间如何交互的更多介绍,请参考我的微信公众号文章从产品展示页面谈谈Hybris系列之二: DTO, Converter和Populator



要获取更多 Jerry 的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:



发布于: 2021 年 06 月 05 日阅读数: 9
用户头像

Jerry Wang

关注

个人微信公众号:汪子熙 2017.12.03 加入

SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使。

评论

发布
暂无评论
Hybris UI的Route(路由)实现