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

SAP CRM WebClient UI和Hybris backoffice UI開發的相同點