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的原创技术文章,请关注公众号"汪子熙":

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

  1. SAP CRM呼叫中心和Hybris Backoffice的轮询设计

    在CRM的呼叫中心里,每隔1秒会有一个poll: the browser polls at regular intervals (typically once per second) to the s ...

  2. SAP CRM WebClient UI交互式报表的Gross Value工作原理

    SAP CRM WebClient UI交互式报表(Interactive Report)的Gross Value工作原理 the selection fields passed to backend ...

  3. Jerry答网友提问:SAP CRM WebClient UI里的EXT,STRUCT等含义

    2020年,Jerry会做一个新的尝试,选择部分朋友向我提出的问题,在公众号,知识星球或者微信圈子这些平台上公开回答,这样或许能帮助到更多的朋友. 具体说明参见我前一篇文章:2020年关于SAP知识问 ...

  4. SAP CRM WebClient UI搜索结果界面的扩展字段显示

    SAP CRM WebClient UI搜索结果界面的扩展字段显示原理. 要获取更多Jerry的原创文章,请关注公众号"汪子熙":

  5. SAP CRM WebClient UI里如何找到Assignment block和settype的映射关系

    SAP CRM WebClient UI 产品主数据里的assignment block,要么对应一个settype,要么对应一个relationship. 如何根据assignment block, ...

  6. SAP CRM WebClient UI和CRM Fiori Account里显示Opportunity逻辑

    我们知道SAP CRM WebClient UI的Account页面下有一个assignment block名叫opportunities,在SAP CRM Fiori UI里也有一个opportun ...

  7. 在SAP CRM WebClient UI中用javascript触发ABAP event

    环境:SAP CRM WebClient UI 需求:在WebClient UI里不通过用户手动点击,而是使用JavaScript代码自动触发ABAP后台的代码. 解决方案: 1. 定义一个hidde ...

  8. SAP CRM WebClient UI和Hybris Commerce里的跨组件跳转

    CRM WebClient UI How to debug cross component navigation framework https://wiki.scn.sap.com/wiki/dis ...

  9. 乾坤大挪移:SAP CRM WebClient UI 和 SAP Fiori UI 混搭并存

    SAP CRM里有个功能可以创建HANA live report,消费HANA Studio里创建的模型. 最后创建好的report长这个样子: 具体创建步骤可以参考我的博客Step by Step ...

最新文章

  1. 怎样在多线程中使用JNI?
  2. 第一人称视角的一种解决方案
  3. wordpress functions.php 在哪,在functions.php中定义变量并在WordPress中的函数钩子中访问它们...
  4. python wordpress xmlrpc_python-markdown自动发送wordpress文章(python-xmlrpc-wordpress)
  5. Cloud一分钟 |格力电器营收比去年增长500亿元; 红黄蓝加盟停不下来;中美双方同意停止相互加征新的关税...
  6. java全文检索工具_全文检索工具elasticsearch:第三章: Java程序中的应用
  7. VM安装ubuntu18.04完成时不能上网,显示cable unplugged
  8. 百度语音识别最新资讯
  9. android从本地服务器新浪云,GitHub - SinaCloudStorage/SinaStorage-SDK-Android: Android SDK For 新浪云存储...
  10. 微信支付android错误码-1,安卓调用微信支付一直都是-1的错误,求问怎么解决
  11. 《Kali Linux渗透测试的艺术》—第2章2.4节透测试执行标准
  12. 高清版计算机组成原理(第2版)-唐朔飞
  13. CSR867x — CSR蓝牙开发调试经验
  14. Android App应用市场功能的框架图
  15. 3dmax简单的bip制作
  16. 阿里巴巴国际站组合标题的小技巧
  17. ROS on DDS
  18. 便携软件制作入门教程及实例
  19. 4月28日Java笔记109p
  20. c语言easyx改变字体大小,改变控制台字体大小

热门文章

  1. java.lang.OutOfMemoryError:GC overhead limit exceeded
  2. 最优化课程(part1)
  3. 文献学习(part11)--基于知识图谱的推荐系统研究综述
  4. CSS基础(part12)--盒子模型之外边距
  5. SAP 电商云 Spartacus UI 的 checkout 场景中的串行请求设计分析
  6. SAP Spartacus angular.json 中定义的 serve-ssr
  7. ABAP 标准培训教程 BC400 学习笔记之一:ABAP 服务器的架构和一个典型的 ABAP 程序结构介绍
  8. SAP Spartacus里unit list tree节点collapse all按钮的实现逻辑
  9. HTML span标签学习笔记
  10. Angular Reactive Form里的setNgReflectProperty