文檔半島外圍網上直營>>FastReport.Net教程2019>>如何在PHP應用程序中使用FastReport報表|第3部分

如何在PHP應用程序中使用FastReport報表|第3部分

這是關于結合使用FastReport.Net和PHP應用程序的文章的最后一部分。

在以前的文章（查看第1部分、第2部分）中，我們研究了在ASP.Net Core上創建服務器部件的方法。讓我提醒您，它使您可以獲取報表顯示，將報表加載到其中以進行編輯的報表設計器顯示，以給定格式下載報表。

現在我們必須實現一個php應用程序。為此，您必須安裝Web服務器，例如，在其上安裝了Apache和PHP。

在本文中，我們將不重復贅述創建php應用程序的原理。

讓我們確定頁面的結構。我們需要3個網頁模板：

主頁——顯示網絡報表；
設計器——顯示報表設計器；
下載——按鈕以下載報表。

每個頁面的菜單標題都相同。因此，將其放在單獨的文件header.php中是有意義的。讓我們在預安裝的Apache目錄的htdocs文件夾中創建它。

<div id="header">
 <div >
 <h1>FastReports</h1>
 <ul >
 <li><a href="index.php">Home</a></li>
 <li ><a href="designer.php">Designer</a></li>
 <li ><a href="downloads.php">Downloads</a></li>
 </ul>
 </div>
 </div>

同樣，在每個頁面上，將有一個包含報表和操作按鈕的下拉列表。此模塊也移至單獨的文件——報表列表：

<?php
$info = file_get_contents('//localhost:44346/api/reports/');
 $res = json_decode($info, true);
?>
<div id="dropdown">
 <select name="reports" id="reports" >
 <?php
 foreach ($res as $key => $value) {
 echo '<option value='.$key.'>'.$value['reportName'].'</option>';
 }
 ?>
 <input type="button" name="submit" value="Get" onclick=get()'>
</div>

這使用內容檢索方法以json格式加載報表列表。該鏈接指向本地調試iis文件，在該文件中“引發”了我們的服務器部分。接下來，使用php代碼，我們使用從服務器接收到的數據填寫下拉列表。獲取“Get”按鈕啟動選定的()函數，該函數在每個頁面上都是唯一的。

眾所周知，通常index.php文件用于網站的主頁。讓我們來創建它。

<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>FastReports</title>
 <meta name="title" content="FastReports" />
 <link rel="stylesheet" href="stylesite.css" type="text/css" media="screen, projection" />
</head>
<body>
 <div id="main">
 <?php
 include ("header.php");
 ?>
 <?php
 include ("reportslist.php");
 ?>
 
 <script type="text/javascript" language="javascript">
 function get(){
 var name = document.getElementById('reports').options[document.getElementById('reports').value].text
 document.getElementById('forFrame').innerHTML = '<iframe id="frame" src="//localhost:44346/api/reports/ShowReport?name='+name+'" width="1000" height="1000" />';
 };
 </script>
 <div id="forFrame"></div>
 </div>
</body>
</html>

該頁面模板包括標題和正文。通常，標題包括標題、元數據、樣式鏈接。在頁面的正文中，我們包含了帶有標題和下拉列表的文件。請記住，reportslist.php模塊中的獲取“Get”按鈕調用了Get ()函數。

讓我們考慮在javascript中實現此功能。首先，您需要獲取所選報表的名稱，然后在后端調用ShowReport方法時將其作為參數傳遞。要加載外部對象（WebReport），我們將使用iframe標簽。JavaScript再次幫助我們在<div>標簽內動態插入ifame。在到源的鏈接中，我們使用了一個變量——報表的名稱。

樣式表也是相當簡單的stylesite.css：

* {
 margin: 0;
 padding: 0;
}
#main{
 background-color:#fff;
 width: 1000px;
 margin:0 auto;
 overflow:hidden;
}
#header {
 height:70px;
 background-color: #FFCC33;
 text-align: center;
}
#header li {
 list-style: none;
 display: inline;
 padding: 10px 20px 0px 10px;
}
#header li a {
 padding:3px;
 text-decoration: none;
 color: #000;
}
#header li a:hover {
 text-decoration: none;
 padding:3px;
 text-decoration: none;
 color: red;
}
#header H1 {
 font-family: Times, Tahoma, Arial,Verdana, sans-serif;
}
#dropdown {
 padding: 5px;
}

讓我們啟動我們的Web服務器并查看索引頁面：