Webclient UI和Fiori UI的混搭

举报
汪子熙 发表于 2022/03/08 21:21:24 2022/03/08
【摘要】 CRM UI的作用简单来说就是定义report.HANA那边定义了VDM和Query哪些,但是Fiori这边不直接访问HANA,所以CRM这边的UI可以创建report把HANA的那个信息存在report里面,这样Fiori这边就通过query report间接拿到HANA VDM和Query的元数据,然后基于这些元数据再通过smart business framework生成KPI,这些K...

CRM UI的作用简单来说就是定义report.
HANA那边定义了VDM和Query哪些,但是Fiori这边不直接访问HANA,所以CRM这边的UI可以创建report把HANA的那个信息存在report里面,
这样Fiori这边就通过query report间接拿到HANA VDM和Query的元数据,然后基于这些元数据再通过smart business framework生成KPI,这些KPI就是可以在Fiori里面点的tile. 比如top 10 opportunity之类的。
红色方框里的ui就是一个Fiori的应用:


Webclient UI的BSP application直接通过Iframe把这个Fiori component嵌进去。


登录Hybris前台,在product catalog里选择Digital camera:

点击某个product进入detail页面:

注意detail page这个url:

这个detail page的route和我们做Fiori时的思路很像:


这个detail url https://localhost:9002/yacceleratorstorefront/electronics/en/Open-Catalogue/Cameras/Digital-Cameras/Digital-Compacts/DSC-H20/p/1978440_blue的响应请求是在这个folder的这个controller下面处理的:

根据SpringMVC提供的注解@RequestMapping, 在runtime时当前产品的编号会被自动赋值给变量productCode, 然后通过类似CRM WebUI BOL layer->Genil layer->DB layer的方式把对应product的数据取出来,最后填充给model变量。这个model变量最后用于在JSP UI上显示数据。

三个产品都有登录语言的选择:CRM

C4C:

Hybris:

看到tomcat log里加载的是zk-label_en.propeties:


以前做Fiori的时候,我们知道UI5是从浏览器的语言设置里determine语言的: navigator.languages 里存储的是我在Chrome 语言设置里配的4个language+region组合,ui5会取第一个作为locale来决定dateFormat.

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。