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的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码: