Hybris UI的Route(路由)實現

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

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/24475491/viewspace-2153212/，如需轉載，請註明出處，否則將追究法律責任。