Grid++Report实现Web报表-阿里云开发者社区

最早接触报表是在机房收费系统中，那时候还是在C/S模式下，所以可以直接在窗体上添加报表。而现在，已经转战B/S模式下。本篇博客将介绍如何实现Web报表。

【需求说明】

在我们的生活中，表格也是无处不在，清晰而有条理。在这次的项目中，也需要在浏览器中直接打印报表（非IE打印）与导出报表，让用户使用更安全。

【开发环境】

整个项目是B/S模式下的，前台采用的MVC模式。开发中的软件：VS2012，Grid++Report5.0

【实现步骤】

1.首先，我们可以先在报表软件下制作好自己需要的模板。在此，就不再写下详细步骤。参考博客推荐：制作报表详细教程。

2.导入Grid++Report官方提供三个文件，分别是：ReportData.cs、MssqlReportData.cs、CreateControl.js

3.导入制作好的报表模板文件

4.在Controller下添加控制器，VS2012会自动帮我们生成一些代码。

5.在生成的代码中，选中ActionResult，直接选择添加视图。

6.因为我们直接浏览的网页，要使报表在网页下显示，还需要添加一个aspx视图页。在aspx页面加载的时候，就从数据库中插叙，获取报表所需要显示的内容，数据格式规定为XML数据。

【具体代码】

Controller：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace LFBidSystem.Controllers
{
    public class RaterSignController : Controller
    {
        //
        // GET: /Test/
 
        public ActionResult RaterSign()
        {
            return View();
        }
 
    }
}

View：

@{
    ViewBag.Title = "RaterSign";
}
<script src="../../Scripts/CreateControl.js" type="text/javascript"></script>
<script type="text/javascript">
    CreateDisplayViewerEx("100%", "100%", "../../Content/grf/LFCGPW.grf", "", true, "");
</script>
aspx：
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ Page Language="C#" %> 
<script runat="server">  
    protected void Page_Load(object sender, EventArgs e) 
    {
        string QuerySQL = string.Format("select * from T_SpecialistInfo");
        SqlXMLReportData.GenDetailData(this, QuerySQL); 
    }
 
</script>

【实现效果】

【问题解决】

常见问题1：网页上不显示报表。

这个问题与Grid++report软件、浏览器有着直接关系。之前用的6.0的Report，后来问了问负责维护人事系统的，他们用的都是5.0的Report。所以，我又重新安装了。另外，这个软件需要安装插件，我安装的是5.8的插件。

常见问题2：报表模板不能正常访问。

具体页面如下：

这是因为IIS7必须定义文件扩展名对应的 MIMIE 类型才能下载这种类型的文件。具体解决方案参考博客：MVC模式下报表问题解决。

常见问题3：页面报表显示不完整。

这主要是网页布局问题，可以在网页布局代码上添加如下代码，报表就可以完整显示了。

 <style type="text/css">
html,body {
  margin:0;
  height:100%;
}
</style>

【学习心得】

在这一实现过程，还是遇到了一系列的问题。之前都是在网上直接搜博客，博客也大都是提高班师哥师姐写的，后来遇到了其他问题，连官方提供的三个文件里封装好的代码，我都翻来翻去看了好几遍，也没有得到解决方案。

就在我不知所措的时候，我看到了电脑桌面Grid++Report软件的帮助文档。才发现，原来我遇到的这些问题，帮助文档中都有说明。

所以说，这不禁让我想到了米老师语录中的那句话：多看帮助，少走弯路。有了这一次走投无路的情况下，才想起来的“帮助”，以后不管再遇见什么东西，都不会再忘记有“帮助”这一好东西。