将帆软报表页面嵌入SpringBoot项目的页面中

狩生集

已于 2025-04-08 11:17:01 修改

阅读量783

点赞数 18

文章标签： spring boot 后端 java html5

于 2025-04-08 11:10:20 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_62854662/article/details/147063243

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<style>
button {
width: 100%;
}
</style>
</head>
<body>
<script type="text/javascript">
    function fun1(){
        document.getElementsByTagName("iframe")[0].src='/FineReportdemo/ReportServer?reportlet=GettingStarted.cpt';
        // /decision/view/report?viewlet=student.cpt  此路径可以直接访问
    }
    function fun2(){
        document.getElementsByTagName("iframe")[0].src="/FineReportdemo/ReportServer?reportlet=../reportlets/doc/primary/parameter/parameter.cpt";
        // /decision/view/report?viewlet=student.cpt
    }
    function fun3(){
        document.getElementsByTagName("iframe")[0].src="/FineReportdemo/ReportServer?reportlet=../reportlets/demo/demo/student.cpt&op=write";
        // /decision/view/report?viewlet=GettingStarted.cpt    op=write 需添加报表填报属性
    }
    function fun4(){
        document.getElementsByTagName("iframe")[0].src="/FineReportdemo/ReportServer?reportlet=../reportlets/demo/demo/student1.cpt&op=write";
    }
    function fun5(){
        document.getElementsByTagName("iframe")[0].src="/FineReportdemo/decision/view/report?viewlet=/demo/demo/控件选项联动.cpt&op=write";

    }
    function fun6(){
        document.getElementsByTagName("iframe")[0].src="/FineReportdemo/decision/view/report?viewlet=student.cpt";
    }
    function fun7(){
        document.getElementsByTagName("iframe")[0].src="/FineReportdemo/ReportServer?reportlet=../reportlets/demo/demo/模糊查询.cpt&op=h5";
        //reportlet=...没有中英文限制    &op=h5    直接在pc获取移动端h5页面，需配合开发者工具F12查看
    }
    function fun8(){
        document.getElementsByTagName("iframe")[0].src="/FineReportdemo/ReportServer?path=demo/demo/模糊查询.cpt&op=mobile";
        //path=...路径必须为英文或数字，中文报乱码。path=... &op=mobile  获取移动端访问二维码和网址
    }
    // function fun7(){
    //     document.getElementsByTagName("iframe")[0].src="/FineReportdemo/ReportServer?path=demo/demo/模糊查询.cpt&op=mobile";
    //     //path=...路径必须为英文或数字，中文报乱码。path=... &op=mobile  获取移动端访问二维码和网址   encodeURI()无法完成对中文编码
    // }
    //
    // function fun8(){
    //     document.getElementsByTagName("iframe")[0].src="/FineReportdemo/ReportServer?path=demo/demo/模糊查询.cpt&op=mobile";
    //     //path=...路径必须为英文或数字，中文报乱码。path=... &op=mobile  获取移动端访问二维码和网址
    // }
</script>
<div class="container">
<div class="row">
<div class="col-lg-6">
<button id="studentBtn" class="btn btn-info" onclick="fun5();">控件选项联动
</button>
</div>
<div class="col-lg-6">
<button id="courseBtn" class="btn btn-info" onclick="fun6();">下拉框控件值首尾含有空白符也能实现查询
</button>
</div>
</div>
    <div class="row">
        <div class="col-lg-6">
            <button id="student1Btn" class="btn btn-info" onclick="fun7();">模糊查询
            </button>
        </div>
        <div class="col-lg-6">
            <button id="student2Btn" class="btn btn-info" onclick="fun8();">参数为空数据集参数查询全部
            </button>
        </div>
    </div>
<div class="row" id="mydiv">
<!--<div class="col-lg-12">-->
<!--<iframe src="/decision/view/report?viewlet=GettingStarted.cpt"  style="height: 500px;width:100%"></iframe>-->
<!--</div>-->
</div>
</div>
<br/>
<!--<fieldset>
    <div id="toolbar">
        <button type="button"  οnclick="document.getElementById('reportFrame1').contentWindow.contentPane.exportReportToPDF()">导出[PDF]</button>
        //根据csdn做法编写，更改多次无法成功
        <button type="button"  οnclick="document.getElementById('reportFrame1').contentWindow.contentPane.exportReportToExcel('page_isExcel2003')">导出[Excel]</button>

    </div>
</fieldset>-->
<iframe id="reportFrame1" width="100%" height="100%" src='/FineReportdemo/ReportServer?reportlet=../reportlets/demo/demo/student1.cpt&op=write' ></iframe>
<!--使用iframe，需在数据决策系统——安全管理——Security Headers——高级设置——关闭点击劫持攻击防护-->
</body>
</html>

这是我在学习帆软嵌入html时进行的测试代码，内容是我遇到的一点问题和解决方法。