UI development of CRM WebClient and Hybris backoffice does not require developers to write native HTML code.
CRM WebClient UI
In the CRM WebUI workbench, developers need to write the following tags of these SAP packages:
These tags can be found in transaction code SE80:
Hybris backoffice UI
For example, I view the coupon list through the inverted L-shaped work center list on the left of the backoffice. This list is actually a tree, and the root node is Marketing.
The above interface is realized by defining the tag encapsulated by Hybris in the XML file, and the principle is similar to the CRM WebClient UI.
According to the comment on line 15, this development method can be understood as "Configuration-based development". Line 17 defines a control of type explorer-tree.
Line 19 defines the root node of marketing with navigation-node, and the id is the attribute of this node.
The Hybris wiki has detailed usage of these Hybris-packaged tags:
Similarly, the following table contains 6 columns:
The table is implemented with the tag listview. The following figure shows the corresponding definitions of the 6 columns:
Simple search interface:
The XML file shows that when Simple search is actually executed, the search is performed based on the two fields of couponId and name:
To get more original technical articles from Jerry, please follow the public account "Wang Zixi" or scan the QR code below:
