阿里云_华为的云相册在哪里_限量秒杀

对象存储 虚拟云 浏览

小编:SAP EP 7.0与SAP UI5的集成 通过 企业门户客户端框架 关于本博客: 大部分SAP用户的自定义应用程序都是用Java DynPro编写的 如果用户想从Java DynPro迁移到SAP UI5,使应用程序成为支持移动的

SAP EP 7.0与SAP UI5的集成

通过

企业门户客户端框架

关于本博客:

大部分SAP用户的自定义应用程序都是用Java DynPro编写的

如果用户想从Java DynPro迁移到SAP UI5,使应用程序成为支持移动的,

但是我们可以集成SAP UI5和Java DynPro,允许通过企业门户客户端框架(EPCF)在Java DynPro和SAP UI5之间交换消息、事件或数据。

例如,云数据库跟,如果新的票务应用程序是由SAP UI5开发的,服务器 云,那么这个UI5应用程序可以通过传递票证从门户调用旧Java DynPro的ID。本博文面向希望在SAP UI5应用程序和WebDynPro应用程序之间交换数据的门户开发人员。

本博文的目标用户:

问题陈述:

在SAP UI5和Java DynPro之间交换数据。

因为门户应用程序仅在其自己的IFrame中呈现。它不具有跨iFrame的访问权限。

解决方案:

尽管挑战很大,但通过显式放宽跨源策略和EPCF代理API,这可以使Java DynPro和SAP UI5通过EP 7.0进行通信。

开发示例应用程序开发的先决条件:

放宽相同的限制源策略

同一源策略(SOP)是一种安全机制,可防止网页上运行的JavaScript代码与非源于同一站点的任何资源进行交互。在SAP应用程序中,通过从完全限定的域名中删除主机名,SOP自动放宽一级。使用松弛文档域,只要应用程序运行的系统在同一子域中,应用程序就可以在帧之间共享信息。

对于域松弛,在任何EPCF方法调用之前必须包含以下代码:

我们练习中的数据流:

WebDynPro Sender应用程序将传递事件参数。传递的参数将在WebDynPro Receiver应用程序和SAP UI5应用程序中捕获。

示例练习:

WebDynPro应用程序创建:

Sender应用程序创建:

2.创建"EventSender"WebDynPro应用程序。

3.为"EventSender"应用程序创建组件、窗口和视图。

4.在Sender视图中创建输入字段,并将输入字段绑定到context value属性。

5.创建"show"按钮并指定"show"按钮的操作。

6.引发门户事件:

您可以在您的WebDynPro应用程序中的任何位置触发门户事件。

在我们的练习中,我们已将事件发送到onActionShow事件处理程序中的客户端。

onActionShow事件处理程序:

public void onActionShow(com.sap.tc公司.webdynpro.progmodel.api.IWDCustomEvent wdEvent)

{

字符串名称值=wdContext.currentContextElement文件().getName();            WDPortalEventing.fire文件("urn:com.sap.tc.webdynpro.example.portalventing","show",nameval);

}

监听器应用程序创建:

7.在创建的项目"WebDynPro\u Portal\u event"项目中创建事件监听器应用程序

8.创建组件,EventListener应用程序的窗口和视图。

9.一旦创建了发送器和侦听器应用程序,结构如下所示。

10.创建"文本视图"以打印"发件人视图"中输入的值,云服务器券,并将文本视图绑定到"侦听器视图"中的"上下文值属性"

11.通过在侦听器视图控制器"WdInit"中编写以下代码来订阅事件方法

public void wdDoInit()

{

//@@begin wdDoInit()

WDPortalEventing.subscribe文件("urn:com.sap.tc.webdynpro.example.portalventing","显示",wdThis.wdGetReactPortalEventingAction操作());

//@@end

}

12.然后创建带有'dataObject'参数的事件处理程序操作,并从WDPortaleventing.订阅API.

13.然后读取数据对象并将其设置为context value属性,以便打印eventSenderView中输入的值。

public voidonActionReactPortalEventing公司(com.sap.tc公司.webdynpro.progmodel.api.IWDCustomEvent事件,java.lang.String文件数据对象)

{

//@@begin onActionReactPortalEventing(ServerEvent)

wdContext.currentContextElement文件().setName(数据对象);

//@@end

}

14.将创建的WebDynPro项目部署到服务器上。

PCD组件的创建:

15.为上述创建的应用程序分别创建SAP WebDynPro iView,并将其分配到页面并预览。

这样我们就可以在从中传递的receiver WebDynPro应用程序中打印值WebDynPro sender应用程序。

在从WebDynPro sender应用程序传递的SAP UI5应用程序中捕获值:

SAP UI5应用程序:

16.与视图一起创建SAP UI5应用程序项目。

17.为创建的项目创建视图和Viewcontroller。

18.下载epcfproxy.js文件文件来自ECC系统

下载路径epocfproxy.js文件

SE80->点击MIME存储库->浏览到SAP->BW->BEx->JavaScript->epcfproxy.js文件.

19.添加epcfproxy.js文件文件,并指定epcfproxy.js文件中的文件位置索引.html

20.在脚本标签中订阅事件内部索引.html.

对于域放松,淘客百度云盘,我们在try block之前包含了相应的代码。

突出显示的代码将订阅事件并打印警报消息中的值。

如果您想从WebDynPro获得更多的参数,那么继续创建下面的UI。

在我们的示例练习中,我们正在"FirstView"中打印值。

为此,我们在JSON模型中使用属性绑定来设置我们的索引.html.

第一视图.js

21.从核心获取JSON模型,读取绑定值并打印在输入字段上。

createContent:function(oController){

此.setDisplayBlock(true);

var aControls=[];

/**创建UI**/

varlab1=new sap.m.Label("lab1〃,{text:"Entered First Name",textAlign:"Left",width:"250px"});

var inpt3=new sap.m.Input("idipt3");

var hbox1=new sap.m.HBox("hobox1",{items:[lab1,inpt3]});

/**读取JSON模型并获取值**/

var julimodel=sap.ui.getCore().getModel("frstModel");

oController.getView().setModel(julimodel);

var frstNamenam=模型.getProperty("/输入的_值");

var frstnmeId2=sap.ui.getCore().byId("idipt3");

/**输入字段的设置值**/

frstnmeId2.setValue(frstNamenam);

A控制按钮(hbox1);

返回A控件;

}

将SAP UI5应用程序上传到网关服务器:

22.一旦UI5应用程序开发完成,则将此应用程序部署到网关服务器。

23.创建UI5 iView/BSP iView/URL iView以调用上传的UI5应用程序。

24.将上述iView分配给已创建的应用程序第

25页。预览页面

在WebDynPro"发送者应用程序"的输入框中输入文本,然后单击"显示"按钮。

这样,在发送者应用程序中输入的值将显示在WebDynPro侦听器应用程序和SAP UI5中应用

参考:

当前网址:http://vmchk.cooou.com/meishi/101165.html

 
你可能喜欢的: