Saiku通过iframe嵌入web页面(六)
2024-10-13 15:25:29
Saiku通过iframe嵌入系统页面
前提: Saiku已安装好,并且配置了数据源,熟练了saiku的基本使用。
一、将整个Saiku嵌入页面
在web项目中,新建index.jsp页面,内容如下:
http://10.22.33.44:8080 是我本机访问 Saiku 的 url
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Saiku嵌入</title>
</head>
<body>
<h1>测试saiku嵌入页面</h1>
<!-- 整个saiku嵌入页面 -->
<iframe src="http://10.22.33.44:8080" width="1300" height="600" />
</body> </html>
启动web项目访问index.jsp页面,就能看到整个Saiku嵌入页面嵌入效果如下: (我的web项目名为 saikuDemo1 )
二、将saiku的查询结果嵌入页面
1、在saiku中配置好数据源信息,新建目录信息,拖拉数据然后以指定的文件名保存相关数据 (这系列相关使用请参考Saiku基本使用教程: https://www.cnblogs.com/DFX339/p/10316309.html )
这里我建好的保存数据目录信息(后面访问数据的时候会用到这个path: /KPI/nbkpi3.saiku): KPI/nbkpi3.saiku
2、在web项目中,新建index.jsp页面,内容如下:
嵌入的url:
http://10.22.33.44:8080/?plugin=true&mode=view#query/open//KPI/nbkpi3.saiku
参数
- mode 打开方式,view是正常打开包括图形;table是仅仅打开数据报表
- query 打开路径,#query后面是开发的路径
- plugin 是否隐藏上面菜单栏,默认是false,true是隐藏
URL详解:
http://10.22.33.44:8080 #是我访问saiku的url
plugin=true #隐藏上面的菜单栏信息
mode=view #正常打开包括图形
query/open/ #查询数据
KPI/nbkpi3.saiku # 是saiku中保存数据信息的path
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Saiku嵌入</title>
</head>
<body>
<h1>测试saiku嵌入页面</h1> <!-- SAIKU单个查询嵌入页面 -->
<iframe src="http://10.22.33.44:8080/?plugin=true&mode=view#query/open//KPI/nbkpi3.saiku" width="1300" height="600" > </iframe>
</body> </html>
启动web项目访问index.jsp页面就能看到嵌入效果如下:
最新文章
- C# Entity Framework并发处理
- 程序员用HTML5制作的爱心树表白动画
- golang笔记——命令
- webService 发送soap请求,并解析返回的soap报文
- CSS边距---盒子模型
- java.lang.IllegalArgumentException: No converter found for return value of type: class Person
- ACM题目————STL练习之Ananagrams
- 小记:利用递归调用循环寻找MP3文件的方法。
- php socket 学习
- (二)CSS基础语法
- Jquery 获取各种高度、宽度【整理】
- Tomcat 6.0.32 +Spring dbcp datasource关闭Tomcat出现严重异常
- 【二分图最大匹配】【HDU2063】过山车
- maven 3.3.9-bin 和 maven 3.3.9-src 的区别 以及 maven安装包的 .tar.gz后缀与.zip 后缀的区别
- Debian安装autoconf
- .NET的对象映射工具AutoMapper使用笔记
- HTML5 贝塞尔绘画 桃心
- 学习SVG 重点汇总
- jQuery横向上下排列鱼骨图形式信息展示代码时光轴样式(转自CSDN,原文链接附于文中)
- Vxlan基础理解
热门文章
- 微信小程序不可操作dom节点
- python Scrapy 常见问题记录
- 第 6 章 存储 - 039 - Data Volume 之 bind mount
- gem ";ransack";(4000✨) 简单介绍
- apiCloud 版本号
- DRF之接口文档以及Xadmin
- 02 Vue之vue对象属性功能&;axios数据请求实现
- Permutations CodeForces - 736D (矩阵逆)
- World Tour CodeForces - 667D (bfs最短路)
- laravel App\Kernel.php中的middleware、middlewareGroups、routeMiddleware