登錄Hybris前臺，在product catalog里選擇Digital camera：

點(diǎn)擊某個(gè)產(chǎn)品進(jìn)入明細(xì)頁面:

注意產(chǎn)品明細(xì)這個(gè)url:

這個(gè)明細(xì)頁面的路由和SAP UI5的路由思路很像。

在SAP UI5應(yīng)用里，每個(gè)頁面都會有一個(gè)對應(yīng)的路由配置信息。該信息的結(jié)構(gòu)如下圖所示，包含一個(gè)頁面的邏輯名稱，路由的target url和頁面的實(shí)際名稱。我們在瀏覽器地址欄里看到的detail為邏輯名稱。

回到Hybris，這個(gè)url https://localhost:9002/yacceleratorstorefront/electronics/en/Open-Catalogue/Cameras/Digital-Cameras/Digital-Compacts/DSC-H20/p/1978440_blue的請求的處理交由文件夾pages的controller ProductPageController處理：

根據(jù)SpringMVC提供的注解@requestmapping, 在運(yùn)行時(shí)當(dāng)前產(chǎn)品的編號會被自動賦值給變量productCode, 然后通過類似CRM WebUI BOL layer->Genil layer->DB layer的路徑把對應(yīng)product的數(shù)據(jù)取出來，最后填充給model變量。這個(gè)model變量最后用于在JSP UI上顯示數(shù)據(jù)。

關(guān)于Hybris這幾層之間如何交互的更多介紹，請參考我的微信公眾號文章從產(chǎn)品展示頁面談?wù)凥ybris系列之二: DTO, Converter和Populator

要獲取更多Jerry的原創(chuàng)技術(shù)文章，請關(guān)注公眾號"汪子熙"或者掃描下面二維碼:

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。