Grid++Report实现Web报表

简介: <span style="font-family:楷体; font-family:楷体; font-size:19px; line-height:27px; widows:auto">     最早接触报表是在机房收费系统中,那时候还是在C/S模式下,所以可以直接在窗体上添加报表。而现在,已经转战B/S模式下。本篇博客将介绍如何实现Web报表。</span> <div style="fo
     最早接触报表是在机房收费系统中,那时候还是在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软件的帮助文档。才发现,原来我遇到的这些问题,帮助文档中都有说明。   
    所以说,这不禁让我想到了米老师语录中的那句话:多看帮助,少走弯路。有了这一次走投无路的情况下,才想起来的“帮助”,以后不管再遇见什么东西,都不会再忘记有“帮助”这一好东西。        



目录
相关文章
|
消息中间件 网络协议 前端开发
SpringBoot轻松整合WebSocket,实现Web在线聊天室
前面为大家讲述了 Spring Boot的整合Redis、RabbitMQ、Elasticsearch等各种框架组件;随着移动互联网的发展,服务端消息数据推送已经是一个非常重要、非常普遍的基础功能。今天就和大家聊聊在SpringBoot轻松整合WebSocket,实现Web在线聊天室,希望能对大家有所帮助。
SpringBoot轻松整合WebSocket,实现Web在线聊天室
|
安全 算法 生物认证
Python 实现Web容器指纹识别
当今的Web安全行业在进行渗透测试时普遍第一步就是去识别目标网站的指纹,从而进一步根据目标框架进行针对性的安全测试,指纹识别的原理其实很简单,目前主流的识别方式有下面这几种。
485 0
Python 实现Web容器指纹识别
|
测试技术 iOS开发
Flutter Web网站之最简方式实现暗黑主题无缝切换
Flutter Web网站之最简方式实现暗黑主题无缝切换
283 0
Flutter Web网站之最简方式实现暗黑主题无缝切换
|
前端开发 JavaScript API
借助 Web Animations API 实现一个鼠标跟随偏移动画
借助 Web Animations API 实现一个鼠标跟随偏移动画
246 0
借助 Web Animations API 实现一个鼠标跟随偏移动画
|
机器学习/深度学习 传感器 人工智能
web端实现AR人脸特效
直播、短视频、在线会议等应用越来越多地进入人们的生活,随之诞生的是丰富的各类创意玩法与新鲜体验,其中大量应用了以AI检测和图形渲染为基础的AR技术。
237 0
web端实现AR人脸特效
|
Java Maven 开发工具
毕业设计:基于Web实现多用户宿舍管理系统
毕业设计:基于Web实现多用户宿舍管理系统
122 0
毕业设计:基于Web实现多用户宿舍管理系统
|
前端开发 JavaScript Java
springboot实现web国际化
springboot实现web国际化
springboot实现web国际化
|
数据安全/隐私保护
实现Web端指纹登录(下)
实现Web端指纹登录(下)
实现Web端指纹登录(下)
|
存储 前端开发 生物认证
实现Web端指纹登录(上)
实现Web端指纹登录(上)
实现Web端指纹登录(上)
|
Web App开发 JavaScript 前端开发
实现Web端自定义截屏(原生JS版)
实现Web端自定义截屏(原生JS版)
实现Web端自定义截屏(原生JS版)