如何创建HTML Mashup并插入到SAP Cloud for
2020-03-18 本文已影响0人
华山令狐冲
在SAP Cloud for Customer的Cloud Application Studio里,在Mashups and Web Services的新建菜单里,创建一个HTML Mashup:

portbinding决定了创建的mashup可以被插入到哪些Cloud for Customer标准页面去:

我的port binding选择additional Account information,这意味着该html mashup可以插入到Account TI页面去:

Input Parameter里,可以选择将SAP提供的一些输入参数,传入到html mashup里使用:

HTML code editor里,指定HTML mashup具体的html代码实现:

创建一个新的embedded component,将之前创建的HTML mashup拖拽到embedded component里:


UI Designer打开Account TI的UI component:

点击按钮:Add view with embedded component:

选择包含了HTML Mashup的embedded component:

点击Apply按钮:

使用Extensibility explorer将mashup插入到Account TI页面上,生成一个change Transaction:

保存之后,在Account TI页面里,看到mashupTest这个新的tab,点击之后:

就看到了之前HTML mashup的内容:

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
