如何进行Hybris UI的Route实现

如何进行Hybris UI的Route实现,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

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

如何进行Hybris UI的Route实现

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

如何进行Hybris UI的Route实现

注意产品明细这个url:

如何进行Hybris UI的Route实现

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

如何进行Hybris UI的Route实现

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

如何进行Hybris UI的Route实现

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

如何进行Hybris UI的Route实现

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

如何进行Hybris UI的Route实现

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对亿速云的支持。