Saiku通过iframe嵌入系统页面

前提: Saiku已安装好,并且配置了数据源,熟练了saiku的基本使用。

一、将整个Saiku嵌入页面

在web项目中,新建index.jsp页面,内容如下:

  1. http://10.22.33.44:8080 是我本机访问 Saiku 的 url
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  8.  
  9. <title>Saiku嵌入</title>
  10. </head>
  11. <body>
  12. <h1>测试saiku嵌入页面</h1>
  13. <!-- 整个saiku嵌入页面 -->
  14.  <iframe src="http://10.22.33.44:8080" width="1300" height="600" />
  15. </body>
  16.  
  17. </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:

  1. 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

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  8.  
  9. <title>Saiku嵌入</title>
  10. </head>
  11. <body>
  12. <h1>测试saiku嵌入页面</h1>
  13.  
  14. <!-- SAIKU单个查询嵌入页面 -->
  15. <iframe src="http://10.22.33.44:8080/?plugin=true&mode=view#query/open//KPI/nbkpi3.saiku" width="1300" height="600" > </iframe>

  16. </body>
  17.  
  18. </html>

  

启动web项目访问index.jsp页面就能看到嵌入效果如下:

Saiku通过iframe嵌入web页面(六)的更多相关文章

  1. Saiku使用iframe嵌入页面访问地址配置化(二十八)--DWR的基本使用

    Saiku使用iframe嵌入页面使用时ip与端口配置化(二十八)--DWR的基本使用 DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开 ...

  2. 关于ios原声嵌入web页面的问题

    当在一个界面中既有原生又有web的时候,如果想让上下整体滑动的话,我们怎么确定web的高度呢,下面分享一下我的心得 首先在webView的代理方法中我们可以获取到加载完整个web页面的高度 - (vo ...

  3. 第三方页面嵌入到web项目的方案 之 使用iframe嵌入

    有些项目中可能会遇到这样的需求, 需要在一个项目中嵌入其他的项目的页面或者功能.并且需要这两个页面之间能够进行交互. 本文主要介绍如何实现这种第三方应用的嵌入, 主要有以下几个方向: 1.iframe ...

  4. 广告等第三方应用嵌入到web页面方案 之 使用iframe嵌入

    有些项目中可能会遇到这样的需求, 需要在一个项目中嵌入其他的项目的页面或者功能.并且需要这两个页面之间能够进行交互. 本文主要介绍如何实现这种第三方应用的嵌入, 主要有以下几个方向: 1.iframe ...

  5. 通过Iframe在A网站页面内嵌入空白页面的方式,跨域获取B网站的数据返回给A网站!

    以下代码只是为演示该方法具体是如何操作的,实际的意义并不大. 其实这个方法还可以解决很多方面的跨域操作,以下两点为我工作中遇到的情况! 比如A系统中打开B系统页面的时候,获取B系统页面高度,A系统中可 ...

  6. 广告等第三方应用嵌入到web页面方案 之 使用js片段

    在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type="text javasc ...

  7. 移动端web页面列表类上拉加载,查看详情,iframe嵌套第三方页面遇到的问题以及解决办法

    1.移动端上拉加载 网上有很多成熟的插件,比如iscroll.在这里介绍一下用jquery和js写的上拉加载方法.使用原生的去写上拉加载更多需要三个高度去做对比,以新闻类列表举例,首先需要整个dom的 ...

  8. 海康威视 嵌入到web页面相关问题

    因项目上面需求,接触到了海康威视的设备,要把他嵌入到web页面中,所以就开始了爬坑之路 刚开始不知道如何把设备的页面嵌入到项目的web页面中,直到我遇见了他——“WEB3.0控件开发包V1.0.9_C ...

  9. 《手把手教你》系列技巧篇(四十六)-java+ selenium自动化测试-web页面定位toast-下篇(详解教程)

    1.简介 终于经过宏哥的不懈努力,偶然发现了一个toast的web页面,所以直接就用这个页面来夯实一下,上一篇学过的知识-处理toast元素. 2.安居客 事先声明啊,宏哥没有收他们的广告费啊,纯粹是 ...

随机推荐

  1. MYSQL常用函数(格式化函数)

    DATE_FORMAT(date,fmt)  依照字符串fmt格式化日期date值 FORMAT(x,y)   把x格式化为以逗号隔开的数字序列,y是结果的小数位数 INET_ATON(ip)   返 ...

  2. Django - models.py 应用

    Django - models.py 应用 编写 models.py 文件 from django.db import models # Create your models here. class ...

  3. css各种练习

    2017年10月22日 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...

  4. (转)C# Stopwatch详解

    C# Stopwatch类 命名空间:System.Diagnostics; namespace System.Diagnostics { // 提供一组方法和属性,可用于准确地测量运行时间. pub ...

  5. 雷林鹏分享:服务器上的 XML

    服务器上的 XML XML 文件是类似 HTML 文件的纯文本文件. XML 能够通过标准的 Web 服务器轻松地存储和生成. 在服务器上存储 XML 文件 XML 文件在 Internet 服务器上 ...

  6. linux基础3

    vim编辑器 vim 操作命令 在命令模式下操作 pageup 往上翻页(重要指数****) pagedown 往下翻页(重要指数****) H 移动到屏幕首行 gg 移动光标到文档的首行(重要指数* ...

  7. 1.numpy_overview

    官网文档:https://www.numpy.org.cn/ Numpy 简介 导入numpy Numpy是Python的一个很重要的第三方库,很多其他科学计算的第三方库都是以Numpy为基础建立的. ...

  8. 网络基础之 tcp/ip五层协议 socket

    1 网络通信协议(互联网协议) 1.1 互联网的本质就是一系列的网络协议 1.2 osi七层协议 1.3 tcp/ip五层模型讲解 1.3.1 物理层 1.3.2 数据链路层 1.3.3 网络层 1. ...

  9. 子类父类(虚函数下的 引用指针 对象)->看来没有子类指针这回事

    #include<iostream> using namespace std; class Father { public: Father() { cout << " ...

  10. csu oj 1344: Special Judge

    Description Given a positive integer n, find two non-negative integers a, b such that a2 + b2 = n. I ...