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的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:


本文题目:SAPCRMWebClientUI和HybrisbackofficeUI开发的相同点
地址分享:http://scpingwu.com/article/iipihd.html