標籤：網頁 dtd localhost 完整 frame 路徑 版本號碼 param type
1.問題描寫敘述
如今使用者開發的系統基本上趨向於BS架構的瀏覽器/server模式。這些系統可能由不同的語言開發。如HTML、ASP、JSP、PHP等。因此須要將製作好的報表嵌入到這些頁面中。
FineReport製作出的報表能夠通過Frame框架組成到Web頁面中。
2.將報表顯示在Frame架構內
2.1整合方法
報表作為頁面的一部分，能夠以iFrame方式嵌入在網頁中。指定iFrame的src就可以。
1. <iframe id="reportFrame" width="900" height="400" src="/WebReport/ReportServer?reportlet=/doc/Primary/Parameter/Parameter.cpt"></iframe>
使用者可以控制iframe的位置來控制報表在頁面的什麼地方顯示。還可以通過iframe擷取到報表，從而擷取報表內容或調用報表內部現成的方法，我們在興許章節會進行介紹。
註：此方法iframe的src會顯示出完整的報表路徑，尤其在有參數的情況下。能夠使用post方式向iframe提交請求。這樣src裡有不會出現詳細的參數了。
2.2示範範例
我們以HTML為例，將報表嵌入到一個HTML頁面中：
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2. <html>
3. <head>
4. <title>FineReport Demo</title>
5. <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
6. </head>
7. <body>
8. <iframe id="reportFrame" width="900" height="400" src="/WebReport/ReportServer?reportlet=/doc/Primary/Parameter/Parameter.cpt"></iframe>
9. </body>
10. </html>
2.3效果查看
在瀏覽器中輸入http://localhost:8075/WebReport/page_demo/Simple.html，效果例如以下：
已完畢示範範例請參照%FR_HOME%\WebReport|page_demo\Simple.html
3.不支援將報表顯示在div內
若您希望自己系統頁面中的button調用FineReport內部現成的js方法如（列印方法），須要載入FineReport的js檔案，FR的js採用jquery v1.9.2架構。
實際情況下。一個頁面中可能不只唯獨報表部分。使用者可能會載入其它版本號碼的jquery，為避免js衝突，我們建議將報表內容顯示在iFrame中，而不要顯示在div中。
須要調用FineReport內部的js方法時，能夠通過iFrame擷取報表再調用方法，詳細可參考js使用說明文檔。
怎樣把報表放到網頁中顯示（Web頁面與報表簡單整合範例）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
