SAP CRM WebClient UI和Hybris backoffice UI開發(fā)的相同點(diǎn)

CRM WebClient和Hybris backoffice的UI開發(fā)都不需要開發(fā)人員手寫原生的html代碼。

CRM WebClient UI

在CRM WebUI workbench里，開發(fā)人員需要寫下圖這些SAP封裝的tag：

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

Hybris backoffice UI

比如我通過backoffice左邊倒L形的工作中心列表查看優(yōu)惠券列表，這個(gè)列表實(shí)際上是一棵樹，根節(jié)點(diǎn)是Marketing。

上圖界面是通過在XML文件里定義Hybris封裝的tag來實(shí)現(xiàn)的，原理和CRM WebClient UI類似。

按照第15行的注釋，這種開發(fā)方式可以理解成"Configuration-based development"。第17行定義了一個(gè)類型為explorer-tree的控件。

第19行用navigation-node定義marketing這個(gè)根節(jié)點(diǎn)，id為這個(gè)節(jié)點(diǎn)的屬性。

Hybris wiki上有這些Hybris封裝的tag的詳細(xì)用法：

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

該表格是用listview這個(gè)tag實(shí)現(xiàn)的，下圖即是6列對應(yīng)的定義：

Simple search的界面：

XML文件里顯示Simple search實(shí)際執(zhí)行時(shí)基于couponId和name兩個(gè)字段進(jìn)行搜索:

要獲取更多Jerry的原創(chuàng)技術(shù)文章，請關(guān)注公眾號"汪子熙"或者掃描下面二維碼: