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

原文地址:http://blog.51cto.com/5899363/2105664

时间: 2024-11-05 17:26:46

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

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

2020年,Jerry会做一个新的尝试,选择部分朋友向我提出的问题,在公众号,知识星球或者微信圈子这些平台上公开回答,这样或许能帮助到更多的朋友. 具体说明参见我前一篇文章:2020年关于SAP知识问答的一个新的尝试 网友的提问: Jerry的解答: 以上截图是CRM系统里BSP_WD_CPMWB这个事务码进入之后,任意打开一个上下文节点(Context Node)看到的信息: STRUCT的含义? 在Jerry之前的文章 Jerry的WebClient UI 42篇原创文章合集 提到这样一张图

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

CRM WebClient UI How to debug cross component navigation framework https://wiki.scn.sap.com/wiki/display/CRM/How+to+debug+cross+component+navigation+framework Hybris 点了一个产品的图片,系统怎么知道需要load哪个jsp文件来渲染? 之前的issue讨论过,这个点击对应的url,会被Spring MVC map到一个通过@Reque

SAP CRM WebClient UI和Fiori UI混搭并存

SAP CRM里有个功能可以创建HANA live report,消费HANA Studio里创建的模型. 最后创建好的report长这个样子: 具体创建步骤可以参考我的博客Step by Step to create HANA live report in Webclient UI 这些report肉眼上看去显示在WebClient UI里,而WebClient UI似乎不能这么灵活的显示这些风格特异的图标.这是怎么实现的呢? 红色方框里的UI区域实际上是一个UI5应用: Webclient

如何在SAP CRM WebClient UI里创建HANA Live Report

1. 使用业务角色ANALYTICSPRO登录WebClient UI: 2. 点击新建按钮: 为新建的报表分配一个HANA Live Query: 指定Query的参数: 上图WebClient UI选择的参数都定义在HANA studio里: 给报表添加属性: 添加measure: 之后报表即可在WebClient UI里成功渲染: 并且也能在CRM Fiori的Customer Report应用里看到该report. 如果想获得更多关于上图提到的Fiori应用,请查看我的公众号文章 SAP

使用Selenium自动化测试SAP CRM WebClient UI

<meta charset="utf-8"> package com.xc.crm.test; import static org.junit.Assert.*; import org.junit.After; import org.junit.Before; import org.junit.Test; import org.openqa.selenium.By; import org.openqa.selenium.NoSuchElementException; imp

SAP CRM WebClient UI的on_new_focus应该怎么理解

问题 我在做练习16时(第3步的e,f),发现有一句这样的描述: Double click on method CONNECT_NODES.Make Value node 'Competitors' dependent from BTAdminH. METHOD connect_nodes. DATA: coll_wrapper TYPE REF TO cl_bsp_wd_collection_wrapper. coll_wrapper = btadminh->get_collection_wr

SAP CRM WebClient UI表格编辑模式的调试明细

如果我们写了EDITMODE = NONE, 那么toolbar不出现是expected的behavior 详见debug: 发现conversation history 里面的table cell可以编辑,这显示不make sense.同事在试图把这些table cell设成readonly的时候发现一些问题,总结如下: (1) 如果BSP html里面加上EDITMODE = "NONE", 则toolbar不会出来.开始同事认为这是framework的问题,但是通过下面的debu

SAP CRM,C4C和Hybris的页面技术明细信息查看

CRM 按F2就能看到页面的technical data, 就能找到当前页面是哪一个BSP component实现的: C4C 也能看见technical data Hybris 比如这个product detail page,我想知道是哪个JSP文件实现的? 问了成都Hybris开发同事,答案是没有,得自己找. 囧 找到product detail page: 双击进去: 找到这个product detail page的明细: 用类似ABAP的思路:SE16查表: select * from

SAP CRM BOL编程基础,代码+详细注释

网络上可以找到一些使用BOL查询.维护数据的DEMO,但几乎都是单纯的代码,缺乏说明,难以理解.本文除了代码外,还给出了详细的注释,有助于理解BOL编程中的一些基本概念. 这是一篇翻译的文章,你可能会发现部分内容不是很好理解,这时可以直接阅读原文. 原文所在的sapcrmwebui.com是一个不错的博客,然而网站不是很稳定,偶尔会连接不上,建议使用Internet Archive访问. 如果你访问不了Internet Archive,说明你需要一点过墙的手段. 本文链接:http://www.