如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

i042416發表於2018-04-26

CRM

在WebClient UI頁面上按F2,就能看到頁面的技術資訊, 可以找到當前頁面是哪一個BSP component實現的:

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

C4C

在瀏覽器url裡新增debugMode=true,然後按住Ctrl加上滑鼠右鍵,即可彈出同上圖CRM WebClient UI作用類似的技術明細頁面:

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊
如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

Hybris

同樣的需求,比如下圖這個產品明細介面,我想知道是哪個JSP檔案實現的?

沒有類似CRM和C4C這樣的快捷鍵來實現這個需求。

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

登入Hybris Content Management System(WCMS): https://localhost:9002/cmscockpit/index.zul

通過關鍵字搜尋找到Product明細頁面的模型,如下圖所示。

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

找到這個模型的名稱:

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

用類似ABAP SE16查表的思路根據該模型名稱查詢更多的明細資訊:

 select * from {PageTemplate} where {name} = 'Product Details Page Template' 
如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

查出來6條記錄,根據last modify時間戳判斷出是我想查詢的模型對應最後一條記錄:

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

路徑如下:

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

即可找到product明細頁面實現的jsp檔案完整路徑如下:C:\Hybris\6.5.0.0.23546\hybris\bin\ext-template\yacceleratorstorefront\web\webroot\WEB-INF\views\responsive\pages\product\productLayout2Page.jsp:

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

另一種方法是開啟檔案cms-content.impex:

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

裡面一樣有jsp檔案的名稱:productLayout2Page。

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

要獲取更多Jerry的原創技術文章,請關注公眾號"汪子熙"或者掃描下面二維碼:

如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊
如何檢視CRM WebUI,C4C和Hybris裡的頁面技術資訊

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

相關文章