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

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