如何进行HybrisUI的Route实现-创新互联

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

10年积累的网站设计、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有东风免费网站建设让你可以放心的选择与我们合作。

登录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实现

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联-成都网站建设公司行业资讯频道,感谢您对创新互联的支持。


当前题目:如何进行HybrisUI的Route实现-创新互联
链接分享:http://scyanting.com/article/dgcjdj.html