资讯专栏INFORMATION COLUMN

Hybris UI的Route(路由)实现

UCloud / 2703人阅读

摘要:登录前台,在里选择点击某个产品进入明细页面注意产品明细这个这个明细页面的路由和的路由思路很像。在应用里,每个页面都会有一个对应的路由配置信息。该信息的结构如下图所示,包含一个页面的逻辑名称,路由的和页面的实际名称。

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/69077.html

相关文章

  • Hybris UIRoute(路由)实现

    摘要:登录前台,在里选择点击某个产品进入明细页面注意产品明细这个这个明细页面的路由和的路由思路很像。在应用里,每个页面都会有一个对应的路由配置信息。该信息的结构如下图所示,包含一个页面的逻辑名称,路由的和页面的实际名称。 登录Hybris前台,在product catalog里选择Digital camera: showImg(https://segmentfault.com/img/rem...

    RobinTang 评论0 收藏0
  • SAP CRM WebClient UIHybris backoffice UI开发相同点

    摘要:和的开发都不需要开发人员手写原生的代码。上图界面是通过在文件里定义封装的来实现的,原理和类似。按照第行的注释,这种开发方式可以理解成。 CRM WebClient和Hybris backoffice的UI开发都不需要开发人员手写原生的html代码。 CRM WebClient UI 在CRM WebUI workbench里,开发人员需要写下图这些SAP封装的tag:showImg(h...

    neroneroffy 评论0 收藏0
  • SAP CRM WebClient UIHybris backoffice UI开发相同点

    摘要:和的开发都不需要开发人员手写原生的代码。上图界面是通过在文件里定义封装的来实现的,原理和类似。按照第行的注释,这种开发方式可以理解成。 CRM WebClient和Hybris backoffice的UI开发都不需要开发人员手写原生的html代码。 CRM WebClient UI 在CRM WebUI workbench里,开发人员需要写下图这些SAP封装的tag:showImg(h...

    android_c 评论0 收藏0

发表评论

0条评论

UCloud

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<