帳票とWEB画面統合事例

  • 作成者:ayuan0625
  • 編集回数:28次
  • 最終更新:FRInternational 于 2023-03-05
  • 1.説明

    1. 企業ユーザは開発コストを軽減するため、FineReportで帳票を開発して、OAなどシステムのWEB画面で表示する場合があります。

    2. FineReportで開発された各帳票またはダッシュボードはURLでアクセスできます。だからWEB画面中にiframeに基づいて帳票・ダッシュボードを表示できます。

    3. 今回は簡単なサンプルでFineReport帳票をWEB画面に統合する方法を紹介します。


    2.操作手順

    2.1 ブラウザでテンプレートをプレビュー

    1) ブラウザの中に下記のなURLで画面を表示できます。

    URLのフォーマットは:IP:ポート/webroot/decision/view/form?viewlet=テンプレートパス(reportletsに対するパス)

    1.png



    2) ドメインでアクセスする場合、IP:PORTをドメインに変更します。例:http://fr-demo.value-ict.co.jp/webroot/decision/view/form?viewlet=demo/analytics/financial/transfer.frm


    2.2 ログイン認証

    セキュリティの関係上、新バージョンの FineReport では、外部からアクセスする場合はログインしなければならない仕組みになっています。


    2.3 WEB画面中に帳票を表示

    1) iframeを新規作成し、帳票・ダッシュボードのパスをiframeのsrc属性に設定する


    2) 下記のHTMLソースコードを参照

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Smart City Dashboard</title>
        
        <style>
            .nav_content{
                width: 100%;
                height: 50px;
                line-height: 50px;
                text-align: center;
                background: linear-gradient(-45deg,#005dec,#002d72);
            }
            .nav_content h1{
                font-size: 30px;
                color: white;
            }
        
        </style>
    </head>
    <body>
    <section class="nav">
        <div class="nav_content">
            <h1> TEST </h1>
        </div>
    </section>
    <section>
        <iframe src="http://localhost:8075/webroot/decision/view/form?viewlet=demo/analytics/financial/transfer.frm" frameborder="0" style="width: 100%; height: 800px;">
        </iframe>
    </section>
    </body>
    </html> 

    2.4 効果を確認

    HTMLファイルとして保存しブラウザで確認する

    deploy.html


    効果

    5.png


    3.その他

    クロスドメインエラー ※帳票・ダッシュボードが表示できなくなる場合

    3.png

    管理者アカウントで「システム⇒セキュリティ管理⇒Security Headers」を閉じれば表示できます。

    4.png

     


    Attachment List


    Theme: FineReport ディプロイ統合
    既に最初
    既に最後
    • Helpful
    • Not helpful
    • Only read