grid++report

二十三、【开源】EFW框架Web前端开发之常用组件（FusionCharts图表、ReportAll报表等）

爷，独闯天下 — Sun, 29 Mar 2020 04:28:50 +0000

二十三、【开源】EFW框架Web前端开发之常用组件（FusionCharts图表、ReportAll报表等）爷，独闯天下 2020-03-29 12:28:50

EFW框架源代码下载V1.2：http://pan.baidu.com/s/1hcnuA

EFW框架实例源代码下载：http://pan.baidu.com/s/1o6MAKCa

前言：上一章讲了EFW框架中的界面框架JqueryEasyUI，在一个Web系统开发中除了需要一个好的界面框架还有需要一些功能，比如：图表展示、Web报表预览打印、文件上传、文本编辑等功能在Web系统开发过程中也是经常用到的；为了方便大家使用EFW框架开发系统，本人对比了网上主流的这些功能，把一些评价比较好或使用起来比较顺手的功能给整合到EFW框架；有图表控件FusionCharts、报表控件ReportAll和Grid++Report、上传控件jquery.uploadify、网页文本编辑器xheditor；当然如果你发现有更好的控件也可以很方便的加入到EFW框架中。下面我就一一讲解这几个控件的使用方法及实现；

本文要点：

1.FusionCharts图表控件介绍

2.ReportAll报表控件介绍

3.Grid++Report报表控件介绍

4.网页文本编辑器

5.上传文件控件介绍

源代码目录结构：

1.FusionCharts图表控件介绍

FusionCharts是一个Flash的图表组件，它可以用来制作数据动画图表，其中动画效果用的是Adobe Flash 8 （原Macromedia Flash的）制作的flash ， FusionCharts可用于任何网页的脚本语言类似于HTML ， .NET，ASP ， JSP， PHP ， ColdFusion等，提供互动性和强大的图表。使用XML作为其数据接口， FusionCharts充分利用流体美丽的Flash创建紧凑，互动性和视觉逮捕图表。

FusionCharts确实功能强大而且效果非常漂亮，但是XML的格式有点复杂，不同的图形XML格式也不一样，做的时候一定要对照里面的Demo实例来核对你生成的XML格式；

见下图，是使用EFW框架开发的一个线形图表，从数据库查出DataTable数据，把第一列定义为线形图表的X轴，第二列定义为Y轴数据，把DataTable利用WebFusionChart对象转换为XML，界面代码通过Ajax请求控制器输出XML赋值给JS中的FusionCharts对象显示图表；界面代码比较简单，引用FusionCharts.js文件，调用相应的图表swf文件；

2.ReportAll报表控件介绍

ReportAll是面向软件开发人员的报表开发工具；她具有全新的设计思想。从报表设计的角度看，她完美地融合了“对象摆放”类和“电子表格”类报表工具的优点；从数据填报的角度看，他独特的多线程后台数据加载方式，使任意大的数据源都可以快速返回，从而实现边加载边浏览的效果。

ReportAll报表插件全面兼容IE、火狐、Google Chrome 、Opera、傲游、TT等主流浏览器。

参考资料：http://www.reportall.com.cn/index.html

做Web报表一直没有找到一个好的Web报表组件，以前有用过水晶报表、Dev中的报表控件、fineReport等都存在各种原因在EFW框架中使用不合适，水晶报表太过庞大，Dev报表控件太难用了，fineReport这个确实比较好用但是不是免费的；经过一番纠结找了两个国产的、轻量级的Web报表工具ReportAll和Grid++Report；两个用起来都非常简单；

见下图，使用EFW框架中封装的ReportAll报表开发一张简单报表，报表制作涉及到前后端开发，前端界面很简单引用ReportAllPrint.js文件动态创建报表对象，再通过Url向后台控制器请求XML数据，后台使用框架中的WebReportAll对象把DataTable数据转换为XML数据输出显示在界面报表控件中；

3.Grid++Report报表控件介绍

参考资料：http://www.rubylong.cn/index.htm

Grid++Report 是一款高性能高效率的报表开发工具，既可开发桌面软件的报表与打印系统，也可开发WEB(B/S)软件的报表与打印系统。提供一个具有超强数据展现功能的数据网格(DataGrid)部件，制作各种表格报表非常简便；运行时可通过事件处理使报表与用户交互；针对票据套打进行了专门实现；是开发动态报表的最佳选择。提供可视化报表设计器，设计报表快速简单。Grid++Report除了提供打印功能外，还提供独有的报表查询显示功能，像各种数据网格(DataGrid)控件一样显示数据，让报表的查询显示与打印一次实现，既提高开发效率又保持数据的一致性，这也是Grid++Report与其它报表控件的最大区别。

在EFW框架中Winform版就使用Grid++Report用来开发CS报表，Grid++Report不但支持CS报表也支持Web报表开发，所以框架也把它整合到Web报表中；就功能上来说Grid++Report应该比ReportAll更强大，可以支持在线设计报表格式；使用方式跟上面ReportAll差不多；

见下图，使用EFW框架中封装的Grid++Report开发了一张报表，前端页面引用CreateControl.js和GRUtility.js创建报表对象，通过Url向后台控制器请求XML格式数据，后台控制器利用框架中的Grid_XMLReportData对象把DataTable数据转换为XML数据输出，界面显示报表内容；

4.网页文本编辑器

参考资料：http://xheditor.com/

xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
xhEditor完全基于Javascript开发，您可以应用在任何的服务端语言环境下，例如：PHP、ASP、ASP.NET、JAVA等。
xhEditor可以在您的CMS、博客、论坛、商城等互联网平台上完美的嵌入运行，能够非常灵活简单的和您的系统实现完美的无缝衔接。

使用xhEditor是觉得它够小巧，虽然没有CKEditor控件那么功能多，但够用就行；

见下图，界面页面引用xheditor-1.1.14-zh-cn.min.js文件就可以使用此控件；

5.上传文件控件介绍

参考资料：http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html

Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：

1.支持单文件或多文件上传，可控制并发上传的文件数

2.在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……

3.通过参数可配置上传文件类型及大小限制

4.通过参数可配置是否选择文件后自动上传

5.易于扩展，可控制每一步骤的回调函数（onSelect, onCancel……）

6.通过接口参数和CSS控制外观

见下图，使用EFW控件中封装的Uploadify开发上传文件的实例，文件上传涉及到前后台的交互，前台页面引用swfobject.js文件和jquery.uploadify.v2.1.0.min.js创建上传的按钮，选择文件后点击上传，通过指定的Url向后台控制器发送请求，后台UploadifyController控制器接收到请求把上传的文件存入userfiles目录中；

总之，EFW封装这些Web组件一切都是为了方便大家，省去自己再花时间来研究各种各样的Web控件，不是精品是不会整合进来的，所以大家也放心使用。

来源：https://www.cnblogs.com/kakake/p/3991864.html

标签

开发框架

web报表

框架网页

web开发

Grid++Report 报表开发工具

狂风中的少年 — Thu, 02 Jan 2020 20:30:38 +0000

Grid++Report 报表开发工具狂风中的少年 2020-01-03 04:30:38

Grid++Report 报表开发工具

版本	更新日期	大小	下载	说明
Grid++Repoert6.0.0.6	2015/08/08	16.0M	[下载]	锐浪报表工具最新版本，新增功能说明。

安装内容说明：

多语言集成支持，包含简体中文、繁体中文与英文支持语言包。
包含WEB报表(B/S报表)插件与桌面报表(C/S)组件的程序文件与例子文件。
报表设计器应用程序：可视化设计报表模板。
软件运行动态库文件，也是产品的重新发布文件。安装之后自动进行 COM 组件注册。
帮助文档及其它说明文档。
可直接运行的例子应用程序。
大量例子源代码与报表模板文件，源代码例子包括：C#, VB.Net, VB, VC, Delphi, C++Builder、VFP、中文编程易语言。
Web报表插件的例子程序包括：asp.net(c#)、asp.net(vb)、php、jsp。asp.net例子采用VS2005开发，VS2005及其后版本都可以使用。
其它有关 Grid++Report 的文档与资源。

其它下载资源

类别	资源名称	说明
软件	Grid++Report5.8 最终版	本软件仅供已经用 Grid++Report5.X 版开发且暂不升级到新版本的用户下载。初始试用与学习 Grid++Report 的用户请下载最新版Grid++Report。
	Grid++Report5.8 WEB报表插件客户端安装程序	个别电脑不能自动安装报表插件，下载并运行此程序将把报表插件安装在客户端电脑上，WEB报表将能正常显示出来。
	Grid++Report5.6 WEB报表插件客户端安装程序	个别电脑不能自动安装报表插件，下载并运行此程序将把报表插件安装在客户端电脑上，WEB报表将能正常显示出来。
	Grid++Report 4.5 简体中文最终版	本软件仅供购买 Grid++Report4.5 版且暂未升级到 5.0 的用户下载。试用与学习 Grid++Report 的用户请下载最新的 5.0 版软件。
资料	JScript中文帮助	Grid++Report 的报表内部脚本默认采用 JScript，在编写报表脚本时可以参考这个文档。JScript 与 JavaScript 基本相同，在编写B/S报表客户端脚本时，也可以参考本文档。
	VBScript中文帮助	如果采用VBScript编写 Grid++Report 报表脚本可以参考这个文档。
	DHTML 参考手册	DHTML 网页制作完全手册
	Grid++Report 易语言编程参考	Grid++Report 易语言编程参考
驱动	Mysql ODBC 驱动	当采用 Grid++Report 开发报表访问 Mysql 数据库时，应该在设计报表模板的电脑上安装本驱动程序，以方便可视化设计报表的过程。
	PostgreSQL OLE DB 驱动	当采用 Grid++Report 开发报表访问 PostgreSQL 数据库时，应该在设计报表模板的电脑上安装本驱动程序，以方便可视化设计报表的过程。
	Sqlite ODBC 驱动	ODBC 驱动程序、配置说明文档与例子报表。
	SQLServer、Oracle与Access等的 OLE DB 驱动	SQLServer、Oracle与Access等的 OLE DB 驱动在Windows系统本身存在，无需额外安装。
	IBM DB2 OLE DB 驱动	IBM DB2 OLE DB 驱动包含在 DB2 客户端安装包中，当采用 Grid++Report 开发报表访问 DB2 数据库时，应该在设计报表模板的电脑上安装 DB2 客户端，以方便可视化设计报表的过程。

实战示例：

演示地址：http://www.rubylong.cn/WebReport/

产品介绍：

桌面开发适用于所有支持COM的开发平台，为VB、VC、Delphi、CBuilder、C#、VB.NET等编写了大量例程。WEB开发在运行时是一个纯粹的IE浏览器报表插件，报表只运行在浏览器客户端，所以WEB开发可以适用于所有WEB开发技术与平台，如ASP、ASP.NET、JSP、PHP等，浏览器客户端脚本可以采用JavaScript与VBScript。C/S与B/S报表开发共享相同的报表开发知识与资源。

本产品采用VC+COM+ATL+WTL开发，运行性能高，重新发布简单、发布文件小且不依赖任何运行时库。

组成

Grid++Report 为报表开发者提供四个外层构件，报表开发人员通过对这四个构件的使用为最终用户提供完善的报表系统。桌面开发与WEB开发具有相同的系统架构与编程接口。以下是对四个构件对象的简述：

报表引擎对象（GridppReport） 一个COM对象，一个不可见的组件对象。定义报表的模板数据，在生成报表时存贮报表记录数据，对数据进行加工处理。生成打印页面，输出打印页面等。报表定义、生成与展现的核心功能在此对象上实现，其它报表展现控件都要依赖并关联报表引擎对象。

报表查询显示器（GRDisplayViewer） 一个 ActiveX 控件。在使用时要关联一个报表引擎对象。以连续不分页的方式展现报表数据，类似常规的表格控件方式展现报表数据，但数据展现格式更丰富，为最终用户提供了完善的查看数据的操作。报表开发者通过对交互事件的响应，可以为报表最终用户提供可交互的报表查询功能。例如通过对汇总报表的的双击事件的响应，打开对应的明细报表，达到从汇总报表到明细报表的穿透查询。

报表打印查看器（GRPrintViewer） 一个 ActiveX 控件。在使用时要关联一个报表引擎对象。以打印输出页的方式展现报表，实现报表数据的打印预览功能，报表展现后可执行打印、数据导出等。这个控件是报表生成后最常用的展现控件。产品内部实现了默认的打印预览界面，报表开发人员应用报表打印显示器可以实现自定义的报表打印预览界面。

报表设计器（GRDesigner） 一个 ActiveX 控件。在使用时要关联一个报表引擎对象。由三个窗口组成：其一是报表布局窗口，主要可以在其中设置报表显示元素的大小、位置、显示顺序等。其二是属性编辑窗口，可以在其中查看与修改选中对象的属性值。其三是对象浏览窗口，显示出所有报表元素对象，可以在此窗口中对报表元素进行选中操作。构件接口提供执行各种设计任务的动作方法，报表开发人员可以通过提供外部操作界面执行动作方法，为最终用户提供运行时的自定义报表设计器。

功能概览

一般功能

报表可编程定义，在程序中动态定义报表：根据用户的报表配置参数，调用编程接口定义报表。
多层表头报表：可以定义任意层数的报表表格标题。[图示]
占列式分组，分组单元格合并：分组头不单独显示行，而是占据一个或多个列并与分组项的记录行并排显示，在列的垂直方向上显示位置可以设定在上端、居中、下端。[图示]
自由单元格：将单元格设为自由格，在其中任意添加与排列的部件框，象其它条幅式报表控件一样自由编排报表。
多种报表内容自动布局方式：锚定、填充、局中、对齐到列等。
丰富的文字显示功能：如文字绕行输出、字间距、行间距、文字方向与文字角度。[图示]
丰富的数据统计分析：提供多种统计函数，支持表达式运算，提供编程事件实现自定义分组与统计。[图示]
页分组统计：在生成打印页面时，对每页数据进行统计。[图示]
支持图像在报表中显示：支持的图像格式包括JPG，GIF，BMP，EMF，WMF等。图像既可以在设计时设置，也可以在运行时载入。[图示]
RTF格式文本输出：支持的 RTF 格式的文本输出。[图示]
条形码：支持所有常规类型条形码打印，打印出的条形码精度高易识别。[图示]
图表功能：提供柱图、连线图、饼图、散列点图、曲线图、气泡图等，专门的图表查询显示响应事件实现图表穿透分析。[图示]
多种文件格式的数据导出：Excel、PDF、HTML、CSV、TXT等。提供专门格式的报表文档保存与查看。
报表模板数据提供多种保存与载入方法，实现报表模板数据存储在数据库服务器中，达到报表模板数据网络共享。
提供丰富 VB.NET、C#、VC、VB、Delphi 及 C++Builder 下的例子。

打印输出

打印预览报表：提供缺省的打印预览窗口[图示]，报表开发者直接调用报表接口的方法即可在缺省打印预览窗口中对报表进行打印预览。通过打印查看器构件可以实现自己的打印预览界面[图示]。
多种打印适应策略：横向分页、折行输出、缩放适应等。
每页固定行数生成打印页页面：在每页中输出指定行数的明细记录行。
打印输出时及时反映用户在显示查看器中对报表布局的修改：用户可以在显示查看器中改变列的显示顺序与宽度，打印报表时可以应用用户的修改。
追加空白行，使整个页面都画上表格线。[图示]
支持票据套打：提供专门的套打设计界面，可以将空白票据扫描图显示为背景。报表内容分成内容数据与表单数据两部分，在套打输出时只输出内容数据。[图示]
多栏报表打印、自定义纸张打印、垂直切分纸张打印。