登入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的原創技術文章，請關注公衆号"汪子熙"或者掃描下面二維碼:
![分享 KubeCon 2019 （上海）關于 Serverless 及 Knative 相關演講會議[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)