管理系统标签页单独集成
1. 描述
FineReport决策平台除了可以进行个性化定制,自定义主题包之外,还可以将管理系统目录下的各个功能节点单独集成到自己的系统中,如下图所示,在自己的html页面中单独调用fs平台中的用户管理标签:
2. 调用方法
FineReport将管理系统中各个功能模块的接口都开放出来了,其调用方法如下:
FS.loadModule(render, moduleName)
该方法的含义是指根据模块名加载对应模块配置页面至指定的元素当中,用于集成独立页面。
FineReport各个功能模块的调用名称为:
模块名 | 参数值 |
---|---|
目录管理 | report |
用户管理 | user |
权限管理 | privilege |
定时调度 | schedule |
系统管理 | sysmgr |
平台外观 | lookandfeel |
注册信息 | register |
系统监控 | monitor |
移动平台 | mobile |
3. 示例
如上示意图效果,将用户管理标签单独集成到一个html页面中。
需要在html页面中引入FineReport内部的js和css样式,如下:
<link rel="stylesheet" type="text/css" href="http://localhost:8075/WebReport/ReportServer?op=emb&resource=finereport.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost:8075/WebReport/ReportServer?op=emb&resource=finereport.fs.css"/>
<script type="text/javascript" src="http://localhost:8075/WebReport/ReportServer?op=emb&resource=finereport.js&inter="></script>
<script type="text/javascript" src="http://localhost:8075/WebReport/ReportServer?op=emb&resource=finereport.fs.js&inter="></script>
用户管理模块名称为user,并将其加载到html页面中id为fsuser的div中,其js为:
<script type="text/javascript">
$(function () {
//用户管理标签页独立集成
FS.loadModule($('#fsuser'), 'user');
});
</script>
故,该单独集成页面的完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${company}</title>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=${charset}">
<meta name="author" content="FineReport">
<meta name="Copyright" content="FineReport">
<meta name="description" content="FineReport--Web Reporting Tool">
<meta name="keywords" content="FineReport,Web Reporting Tool">
<link rel="stylesheet" type="text/css" href="http://localhost:8075/WebReport/ReportServer?op=emb&resource=finereport.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost:8075/WebReport/ReportServer?op=emb&resource=finereport.fs.css"/>
<script type="text/javascript" src="http://localhost:8075/WebReport/ReportServer?op=emb&resource=finereport.js&inter="></script>
<script type="text/javascript" src="http://localhost:8075/WebReport/ReportServer?op=emb&resource=finereport.fs.js&inter="></script>
<script type="text/javascript">
$(function () {
//用户管理标签页独立集成
FS.loadModule($('#fsuser'), 'user');
});
</script>
</head>
<body>
<div id='fsuser' style='width:100%;height:100%'></div>
</body>
</html>
注:集成标签页必须与单点登录联合使用,只有登录fs之后,才有访问使用标签页的权限,单点登录详细请查看单点登录。
附件列表
主题: 部署集成
标签:
已验证