IData前端集成

5年前

1. 概述


本文主要对EOS与IDATA页面集成进行阐述,为使用EOS和IDATA的集成提供参考。


2. 安装软件


EOS7.2


IDATA


3. 集成步骤:


3.1 配置修改:


由于IDATA目前是单独的应用和EOS应用是分离的,所以在进行应用资源访问时需要对IDATA的信息进行配置:


配置文件目录:


XXX\Primeton\Platform\apache-tomcat-5.5.20\webapps\default\common\idata\idata.json



配置内容:


{

      "user":"admin",//集成用户

      "password":"manager",//集成用户密码

      "server":"http://127.0.0.1:18080/primeton",//IDATA应用地址

      "modules":{//下面是一些集成入口,防止以后IDATA那边有变动,目前不需要修改这些

             "index":"/vision/index.jsp",

             "login":"/vision/login.jsp",

             "resource":"/vision/openresource.jsp",

             "portal":"/vision/portal.jsp",

             "module":"/vision/openmodule.jsp"

             }

}


3.2 集成


3.2.1 集成首页:


IDATA的WEB端可以进行一些简单报表的开发管理等:



l  在页面中引入IDATA集成公共的JSP,后面所有集成都需要引入该JSP,代码如下



<%@include file="/common/idata/IDataCommon.jsp" %>


引入了该JSP之后可以拿到IdataUtil这个JS对象:


该对象目前包括以下方法:


方法名称 参数 说明
getIndexUrl()   获取IDATA首页地址
toJSONString(str)
str:待序列化的对象数组,如:
[
{name:"销售时间",value:"1996",displayValue:""}
,
{name:"销售月份",value:"8",displayValue:""}
]
对参数进行JSON序列化
getResourceUrl(resourceId,viewParams) resourceId:需要打开的资源ID; 
viewParams显示参数(详见附录1)
获取资源URL
getModuleUrl(id,viewParams) Id:模块ID(详见附录2) 
viewParams显示参数(详见附录1)
获取模块资源URL
getPortalUrl(viewParams) viewParams(* @pageid 对应的显示的页面标 I2c949e121d27be5d011d2884d0ea0103 
       * @noBanner 是否隐藏页面头部 默认为不隐藏 
       * @showPath 是否显示当前位置 默认为true 
       * @hideTab 是否隐藏TAB 默认false)
获取DashBoardURL


l  通过IdataUtil.getIndexUrl()获取首页地址,展示方式可以自己定义


3.2.2 集成指定资源



实例JSP内容如下:


<%@page pageEncoding="UTF-8"%>

<%@include file="/common/common.jsp"%>

<%@include file="/common/skins/skin0/component.jsp" %>

<%@include file="/common/idata/IDataCommon.jsp" %>

<html>

<!--

 - Author(s): Administrator

 - Date: 2014-03-05 11:26:25

 - Description:

-->

<head>

<script type="text/javascript">

function dosubmit(){

   var viewParams=[

{name:"noBanner",value:*true*}
,

{name:"showPath",value:*false*}
,

{name:"hideTab",value:*true*}
];

   var queryParams=[

{name:"销售时间",value:"1996",displayValue:""}
,

{name:"销售月份",value:"10",displayValue:""}
];

   jQuery('#paramsInfo').val(IdataUtil.toJSONString(queryParams));

   var form=document.getElementById('popform');

   form.action=IdataUtil.getResourceUrl('I2c949e121d27be5d011d2884d0ea0103',viewParams);

   form.submit();

}

</script>

</head>

<body onload="dosubmit();">

<form id="popform"  method="post">

   <input id="paramsInfo" type="hidden" name="paramsInfo"/>  

</form>

</body>

</html>


说明:


l  新建JSP后,引入IDATA公共JSP <%@include file="/common/idata/IDataCommon.jsp" %>


l  如果有查询参数queryParams则要建立一个表单用来提交查询参数,查询参数paramsInfo(该名称是固定的)


查询参数在提交之前要做序列化转换



jQuery('#paramsInfo').val(IdataUtil.toJSONString(queryParams));


修改form的提交Action 


form.action=IdataUtil.getResourceUrl('I2c949e121d27be5d011d2884d0ea0103',viewParams);


这里传递两个参数:


  • 资源ID,可以从IDATA中获取(在IDATA中的菜单树中找到对应的资源,点击右键"属性节点ID"取得)
  • 显示参数,详见附录1



l  若没有查询参数直接通过API获取URL。



IdataUtil.getResourceUrl('I2c949e121d27be5d011d2884d0ea0103',viewParams)


3.2.3 集成模块



l  在JSP中导入:<%@include file="/common/idata/IDataCommon.jsp" %>


l  调用IdataUtil.getModuleUrl('commonset')获取URL;



方法名称 参数 说明
getModuleUrl(id,viewParams) Id:模块ID(详见附录2) 
viewParams显示参数(详见附录2)
获取模块资源URL


3.2.4 集成portal


Idata中可以自定义自己的portal页面,可以将portal页面集成到系统中:

l  在JSP中导入:


<%@include file="/common/idata/IDataCommon.jsp" %>


l  示例代码


var viewParams=[

{name:"pageid",value:'I2c949e121d27be5d011d2884d0ea0103'}
,

{name:"noBanner",value:*true*}
,

{name:"showPath",value:*false*}
,

{name:"hideTab",value:*true*}
];

IdataUtil. getPortalUrl ('commonset');
附录1
方法名称 参数 说明
getPortalUrl(viewParams) viewParams(* @pageid 对应的显示的页面标识I2c949e121d27be5d011d2884d0ea0103 
       * @noBanner 是否隐藏页面头部 默认为不隐藏 
       * @showPath 是否显示当前位置 默认为true 
       * @hideTab 是否隐藏TAB 默认false)
获取DashBoardURL

COMMENTS

需要 后方可回复
如果没有账号可以 一个帐号。