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