如何做网页版的COGNOS报表

利用网页与cognos工具结合在一起,可以增加COGNOS的可视性,互动性,使数据显示更加直观.
上篇文章,我讲述了如何用URL来传递参数和,设置外观.
接下来,我们要分析我们的报表;
首先,我们需要了解,报表的呈现方式,报表之间的关系;
然后,对网页进行布局;
接着,将制作好的报表放入布局好的区域中;
最后,增加联动,互动的关系,并调整整体色系,字体等外观,让网页更加好看;

由于,我是做前端部分的,所以我这里就对布局,联动进行详细的讲解;
布局部分:我用div进行豆腐块布局,
这样的布局清晰明了,先确认你有几行报表,然后是列,接着是每一列的宽度,高度;
为了能让宽度适应不同的屏幕我这里用百分比来表示:
比如:
.one-third {
width: 32.9%;
}

.two-third {
width: 66.2%;
}

.full {
width: 99.6%;
}

.two-fifth {
width: 39%;
}

.three-fifth {
width: 60%;
}

.one-half {
width: 49.6%;
}

    <div class="center full">        <iframe id="iframe_3" src="" frameborder="0"></iframe>    </div>

我这里设置,第三行,只有一列,在列里面放你的单张报表;

<div id="second" class="box">    <div class="left two-fifth">        <iframe id="iframe_1" src="" frameborder="0"></iframe>    </div>    <div class="right three-fifth">        <iframe id="iframe_2" src="" frameborder="0"></iframe>    </div></div>

同样的,第二行,两列,第一列占2/5,第二列占3/5

这张图是个例子: