CRM WebClient和Hybris backoffice的UI開發都不需要開發人員手寫原生的html程式碼。

CRM WebClient UI

在CRM WebUI workbench裡，開發人員需要寫下圖這些SAP封裝的tag：

這些Tag能在事物碼SE80裡找到：

Hybris backoffice UI

比如我通過backoffice左邊倒L形的工作中心列表檢視優惠券列表，這個列表實際上是一棵樹，根節點是Marketing。

上圖介面是通過在XML檔案裡定義Hybris封裝的tag來實現的，原理和CRM WebClient UI類似。

按照第15行的註釋，這種開發方式可以理解成"Configuration-based development"。第17行定義了一個型別為explorer-tree的控制元件。

第19行用navigation-node定義marketing這個根節點，id為這個節點的屬性。

Hybris wiki上有這些Hybris封裝的tag的詳細用法：

類似的，下面這個表格包含了6列：

該表格是用listview這個tag實現的，下圖即是6列對應的定義：

Simple search的介面：

XML檔案裡顯示Simple search實際執行時基於couponId和name兩個欄位進行搜尋:

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

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