SAP CRM WebClient UI和Hybris backoffice UI开发的相同点

CRM WebClient和Hybris backoffice的UI开发都不需要开发人员手写原生的html代码。

CRM WebClient UI

在CRM WebUI workbench里,开发人员需要写下图这些SAP封装的tag:


SAP CRM WebClient UI和Hybris backoffice UI开发的相同点_第1张图片

这些Tag能在事物码SE80里找到:

SAP CRM WebClient UI和Hybris backoffice UI开发的相同点_第2张图片

Hybris backoffice UI

比如我通过backoffice左边倒L形的工作中心列表查看优惠券列表,这个列表实际上是一棵树,根节点是Marketing。

SAP CRM WebClient UI和Hybris backoffice UI开发的相同点_第3张图片

上图界面是通过在XML文件里定义Hybris封装的tag来实现的,原理和CRM WebClient UI类似。

SAP CRM WebClient UI和Hybris backoffice UI开发的相同点_第4张图片

按照第15行的注释,这种开发方式可以理解成"Configuration-based development"。第17行定义了一个类型为explorer-tree的控件。

第19行用navigation-node定义marketing这个根节点,id为这个节点的属性。

Hybris wiki上有这些Hybris封装的tag的详细用法:

SAP CRM WebClient UI和Hybris backoffice UI开发的相同点_第5张图片

类似的,下面这个表格包含了6列:

SAP CRM WebClient UI和Hybris backoffice UI开发的相同点_第6张图片

该表格是用listview这个tag实现的,下图即是6列对应的定义:

SAP CRM WebClient UI和Hybris backoffice UI开发的相同点_第7张图片

Simple search的界面:

SAP CRM WebClient UI和Hybris backoffice UI开发的相同点_第8张图片

XML文件里显示Simple search实际执行时基于couponId和name两个字段进行搜索:

SAP CRM WebClient UI和Hybris backoffice UI开发的相同点_第9张图片

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:


你可能感兴趣的:(SAP CRM WebClient UI和Hybris backoffice UI开发的相同点)