如何创建HTML Mashup并插入到SAP Cloud for Customer标准页面里

简介:

在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的内容:

本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

相关文章
|
2月前
|
JavaScript 前端开发 数据库
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
21 0
|
15天前
|
安全 UED 开发者
SAP Commerce Cloud 配置项 refreshWithLock=false 的作用介绍
SAP Commerce Cloud 配置项 refreshWithLock=false 的作用介绍
17 0
|
15天前
|
Java BI API
SAP Cloud for Customer 里如何通过 ABSL 二次开发方式消费 SAP S/4HANA 系统的 API
SAP Cloud for Customer 里如何通过 ABSL 二次开发方式消费 SAP S/4HANA 系统的 API
12 0
|
2月前
|
前端开发
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
31 0
|
2月前
|
机器学习/深度学习 人工智能 监控
SAP Sales Cloud,Service Cloud 和 SAP BTP 平台上的 AI 集成场景
SAP Sales Cloud,Service Cloud 和 SAP BTP 平台上的 AI 集成场景
65 0
|
3月前
|
BI
SAP ABAP 显式增强技术之 New BAdI 的实战介绍 - 如何创建和激活增强实现试读版
SAP ABAP 显式增强技术之 New BAdI 的实战介绍 - 如何创建和激活增强实现试读版
20 0
|
3月前
|
BI
124. SAP ABAP 显式增强技术之 New BAdI 的实战介绍 - 如何创建和激活增强实现
124. SAP ABAP 显式增强技术之 New BAdI 的实战介绍 - 如何创建和激活增强实现
24 0
|
5月前
|
数据安全/隐私保护
SAP Commerce Cloud 的 DataIsolation flag
SAP Commerce Cloud 的 DataIsolation flag
25 0
|
5月前
|
数据管理 API
什么是 SAP Commerce Cloud 集成扩展包
什么是 SAP Commerce Cloud 集成扩展包
22 1
一段最简单的实现HTML页面上倒计时的动态效果
一段最简单的实现HTML页面上倒计时的动态效果
331 0