如何在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('https://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="https://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服务器并查看索引页面：