SAP Commerce的路由實現(Route Implementation)
登入Hybris前臺,在product catalog裡選擇Digital camera:
點選某個product進入detail頁面:
注意觀察PDP(product detail page)這個url:
這個detail page的route和我們做Fiori時的思路很像:
這個detail url https://localhost:9002/yacceleratorstorefront/electronics/en/Open-Catalogue/Cameras/Digital-Cameras/Digital-Compacts/DSC-H20/p/1978440_blue的響應請求是在這個folder的這個controller下面處理的:
web/src/controllers/pages/ProductPageController.java
根據SpringMVC提供的註解@RequestMapping, 在runtime時當前產品的編號會被自動賦值給變數productCode, 然後通過類似CRM WebUI BOL layer->Genil layer->DB layer的方式把對應product的資料取出來,最後填充給model變數。這個model變數最後用於在JSP UI上顯示資料。
以這張圖為例:
最後變數productCode注入的值是1978440_blue, 對不?
在backoffice的products 下搜尋 “1978440_green”,可以看到搜尋結果中“1978440_green”就是productCode(Article Number)
這個product是個特殊的product,如果搜尋結果中點"1978440",然後跳到“Variants” tab,會看到其他幾個顏色的product都是“Product Variants”。這種product叫VariantProduct,它的base product即"1978440"雖然有productcode但是不會出現在前端,只有它的color variant product才能被展示和購買:
原來Hybris的product也有variant的概念。和CRM和ERP裡的 Product Model一樣:
一個例子就是咖啡機,有不同顏色,商用型,家用型,可選擇帶1個附件還是2個。
更多Jerry的原創文章,盡在:"汪子熙":
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2736604/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Hybris UI的Route(路由)實現UI路由
- SAP Commerce Cloud OAuth 實現介紹CloudOAuth
- 路由 Route路由
- SAP KANBAN and Implementation ConsiderationsIDE
- 選擇 SAP Spartacus 作為 SAP Commerce Cloud Storefront 實現框架的五個理由Cloud框架
- SAP 電商雲 Spartacus UI External Route 的模組實現概述UI
- 3.3.1 - Laravel - 5.6 - Route - 路由物件Route的建立過程Laravel路由物件
- SAP Commerce Cloud ( 電商雲 ) 路由路徑的自定義配置與開發Cloud路由
- SAP Commerce Cloud SmartEdit 的安裝Cloud
- SAP Commerce Cloud 的 Security 策略概述Cloud
- SAP Commerce Accelerator和SAP Spartacus的技術對比
- 什麼是 SAP Commerce Cloud 的 catalogCloud
- Laravel Route(路由)匹配原始碼分析Laravel路由原始碼
- 什麼是 SAP Commerce yFormsORM
- SAP Commerce Cloud 架構概述Cloud架構
- SAP Commerce Cloud Build Manifest ComponentsCloudUI
- SAP Commerce開發之如何找到某個頁面對應的JSP實現頁面JS
- SAP Hybris Commerce的JSP tag和SAP BSP tag的比較JS
- SAP Commerce Cloud 的 Product Carousel Component 介紹Cloud
- SAP ABAP和Hybris Commerce的Sample資料
- SAP Hybris Commerce裡的資料庫表資料庫
- SAP ABAP Netweaver和Hybris Commerce的部署策略
- SAP Commerce Cloud Product Review 的新增邏輯CloudView
- SAP Commerce Cloud 裡的 Media 概念簡述Cloud
- SAP Commerce(SAP Hybris)學習資料彙總
- SAP CX Upscale Commerce : SAP全新推出的電商雲平臺
- 使用 Recipe 安裝 SAP Commerce CloudCloud
- SAP Commerce Cloud 裡的 Solr 架構簡介CloudSolr架構
- SAP Commerce Cloud Spartacus UI 修改 primary color 的方法CloudUI
- Create orders using SAP Commerce Cloud Restful APICloudRESTAPI
- SAP Commerce Cloud OCC API UnknownResourceError 錯誤CloudAPIError
- 給 SAP Commerce Cloud Storefront 設定 endpointCloud
- SAP Commerce Cloud SmartEdit 學習筆記Cloud筆記
- SAP Commerce Cloud 專案 Spartacus 入門Cloud
- 前端路由的實現原理前端路由
- vue(17)vue-route路由管理的安裝與配置Vue路由
- 如何在 SAP Commerce Cloud Portal 構建和部署 SAP Spartacus StorefrontCloud
- SAP Hybris Commerce啟用customer coupon的前提條件