登錄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的原創技術文章，請關注公眾號"汪子熙"或者掃描下面二維碼:

總結

以上是生活随笔為你收集整理的Hybris UI的Route(路由)实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。