WEB报表客户端例子 - 锐浪报表开发工具Grid++Report6

锐浪WEB报表开发包括报表插件、HTML5报表、报表服务器与报表客户端,同一报表模板与报表数据提供程序可以为这四种WEB报表开发方式共用,可以非常容易的从一种开发方式切换到另一种,点击进一步了解锐浪WEB报表。WEB报表支持各种WEB服务器与操作系统,支持任意形式的数据源,而不局限于关系数据库。WEB报表开发相关资料与例子在锐浪报表Grid++Report6安装包中,WEB报表例子包括asp.net(c#,vb)、asp、php、jsp(java)。访问锐浪软件首页详细了解锐浪报表。

官方网站例子演示:

锐浪报表客户端是在网页中通过URL协议启动的客户端本地程序,其从WEB服务器上获取报表模板与报表数据,并进行报表的生成,从而实现报表打印、打印预览与数据导出等功能。进一步了解WEB报表客户端

特别提示:每个客户端电脑必须安装一次WEB报表客户端程序。如果执行相关任务没有响应,请 下载WEB报表客户端 ,下载完成后运行此程序进行安装。

查看WEB报表客户端教程例子

一、各种格式报表演示

下面演示各种形式的报表在WEB报表客户端的生成,报表模板与数据来自WEB服务器,报表生成运行由本地程序实现。点击各个图标执行对应的报表功能。

各种基础报表

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
1a.简单表格 grf/1a.grf /data/DataCenter.ashx?data=Customer 一个简单的表格报表。
1b.双层表头 grf/1b.grf /data/DataCenter.ashx?data=Customer 双层表头报表,明细网格标题行可以定义任意多层的表头。在设计器‘列标题布局...’界面中在设计时定义多层标头。
1c.锁定列 grf/1c.grf /data/DataCenter.ashx?data=Customer 明细网格锁定列,通过设定明细网格的“锁定列数(FixCols)”属性值为2,指定报表在查询显示时明细网格最左边的两列不进行水平滚动,总是显示在最左边。
1d.多栏报表 grf/1d.grf /data/DataCenter.ashx?data=Customer 多栏报表:通过定义明细网格的“页栏数(PageColumnCount)”属性报表的栏数。
1e.图像 grf/1e.grf 演示报表中图像的各种显示方式,以及内建系统图像与可复用的集合图像。
1f.表格中图像与文字 grf/1f.grf /data/DataCenter.ashx?data=Picture 演示报表中的混和显示文字与图像,将明细网格的内容格设为自由格,实现图像与文字的混合排列。
1g.条形码与二维码 grf/1g.grf /data/DataCenter.ashx?data=Customer 演示条形码与二维码,条形码数据将来自于关联的字段值。支持各种条常用的条形码与二维码。
1h.RTF格式文本 grf/1h.grf /data/DataCenter.ashx?data=RTFSample 演示RTF文本框,RTF文本框不仅能显示RTF格式数据,而且可以在文字中包含数据域,数据域在运行时会被替换为关联数据项的显示文字。
1i.演示部件框自动布局 grf/1i.grf /data/DataCenter.ashx?data=Customer 自动布局功能是开发自适应动态报表的重要方面。自动布局功能包括:停靠(Dock)、居中(Center)、对齐列(AlignColumn)、锚定(Anchor)。
1j.切分纸张 grf/1j.grf /data/DataCenter.ashx?data=Customer 演示切分纸张打印报表,通过定报表的‘页分割数(PageDevideCount)’属性定义切分纸张打印。
1k.明细自由编排 grf/1k.grf /data/DataCenter.ashx?data=Customer 将明细网格的标题格与内容格设为自由格,就可以像其它条幅式报表工具一样自由编排报表明细。
1l.交替色显示明细行 grf/1l.grf /data/DataCenter.ashx?data=Customer 用两种背景色交替显示明细行的背景,通过设置内容行的“交替背景色”属性实现。
1m.邮件标签 grf/1m.grf /data/DataCenter.ashx?data=Customer 演示邮件标签:应用分栏与自由格实现邮件标签。
1n.追加空白行 grf/1n.grf /data/DataCenter.ashx?data=AppendBlankRow 演示在明细网格的空白区域追加空白行:通过定义明细网格的‘追加空白行(AppendBlankRow)’属性实现。
1o.文字绕行与自动伸展 grf/1o.grf /data/DataCenter.ashx?data=Categories 演示文字绕行和部件框与报表节的自动按内容多少进行伸展。
1p.文字缩小适应 grf/1p.grf /data/DataCenter.ashx?data=Categories 演示文字自动缩小适应输出区域,将全部内容完整显示出来。
1q.文字跨行显示 grf/1q.grf /data/DataCenter.ashx?data=Categories 实现表格中的文字另起新表格行显示,即超范围文字在本单元格内不绕行显示,而是在下一表格行继续显示。

分组报表

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
2a.基本分组 grf/2a.grf /data/DataCenter.ashx?data=SaleDetail 一个最基本的分组报表,定义一个分组,并定义分组的“依据字段”属性。
2b.依据多个字段分组 grf/2b.grf /data/DataCenter.ashx?data=Customer 根据多个字段进行分组的报表,多个分组字段之间用字符“;”隔开。
2c.多级分组 grf/2c.grf /data/DataCenter.ashx?data=Customer 演示定义多个分组实现多级分组报表。
2d.分组单元格合并 grf/2d.grf /data/DataCenter.ashx?data=Customer 演示占列式分组报表,占列式分组其分组头不占据单独的显示行,也就是表格分组单元格合并。
2e.自定义分组单元格合并 grf/2e.grf /data/DataCenter.ashx?data=Customer 演示占列式分组,合并单元格内容在分组头中专门定义。
2f.多级分组单元格合并 grf/2f.grf /data/DataCenter.ashx?data=Customer 演示多级分组占列式分组报表。
2g.页分组 grf/2g.grf 演示页分组,页分组在每个打印页面中产生一个分组项,不需要定义分组依据字段。查询显示时页分组被忽略掉。
2h.分组节显示列线 grf/2h.grf /data/DataCenter.ashx?data=SaleDetail 在分组头与分组尾中显示列线,通过显示部件框的左右边框并采用对其列定位来实现。
2i.分组节不打印边框线 grf/2i.grf /data/DataCenter.ashx?data=SaleDetail 将分组头尾的“打印输出边框”属性设为“否”,这样分组头尾左右两边的表格边框就不会输出。
2j.分组头新页重复 grf/2j.grf /data/DataCenter.ashx?data=SaleDetail 演示分组头在新页中重复打印,设置分组头的“每页重复打印”属性。
2k.分组重启页号 grf/2k.grf /data/DataCenter.ashx?data=Customer 分组页号页数是在一个分组范围内计数页号与页数。
2l.分组按统计排序 grf/2l.grf /data/DataCenter.ashx?data=SaleDetail 根据分组的统计值进行排序。
2m.多栏分组不分栏 grf/2m.grf /data/DataCenter.ashx?data=SaleDetail 具有分组的多栏报表,其分组头与分组尾部产生分栏。

交叉报表

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
3a.交叉表起步 grf/3a.grf /data/DataCenter.ashx?data=CrossTab 一个最基本的交叉报表。
3b.交叉表横向合计 grf/3b.grf /data/DataCenter.ashx?data=CrossTab 交叉表加上横向求和功能。
3c.交叉表纵向合计 grf/3c.grf /data/DataCenter.ashx?data=CrossTab 交叉表加上纵向求和功能。
3d.交叉表横向百分比 grf/3d.grf /data/DataCenter.ashx?data=CrossTab 交叉表横向求比重百分比。
3e.交叉表纵向百分比 grf/3e.grf /data/DataCenter.ashx?data=CrossTab 交叉表纵向求比重百分比。
3f.交叉表按日交叉 grf/3f.grf /data/DataCenter.ashx?data=CrossTabByDay 按日交叉表,即通常所说的日报表。
3g.交叉表按月交叉 grf/3g.grf /data/DataCenter.ashx?data=CrossTabByMonth 按月交叉表,即通常所说的月报表。
3h.交叉表横向平均 grf/3h.grf /data/DataCenter.ashx?data=CrossTab 交叉表横向统计平均值。
3i.交叉表纵向单元格合并 grf/3i.grf /data/DataCenter.ashx?data=CrossTab 演示交叉表分组单元格合并功能。
3j.交叉表多数据列(1) grf/3j.grf /data/DataCenter.ashx?data=CrossTab 演示一个具有两个交叉数据列的交叉报表。
3k.交叉表多数据列(2) grf/3k.grf /data/DataCenter.ashx?data=CrossTab 演示一个具有两个交叉数据列的交叉报表。
3l.交叉表自定义统计 grf/3l.grf 演示一个按年月交叉的交叉报表。
3m.交叉表横向小计(1) grf/3m.grf /data/DataCenter.ashx?data=CrossTabSubtotal 交叉表横向交叉项按类别进行分类,并据此产生按类别统计的数据。
3n.交叉表横向小计(2) grf/3n.grf /data/DataCenter.ashx?data=CrossTabSubtotal 交叉表横向交叉项按类别进行分类,并据此产生按类别统计的数据,与上例区别在表头形式上。
3o.交叉表横向显示表格 grf/3o.grf /data/DataCenter.ashx?data=Customer 用交叉表实现表格数据的横向显示。
3p.交叉表按年月交叉 grf/3p.grf /data/DataCenter.ashx?data=CrossTabYearMonth 根据年份与月份对数据进行交叉统计。
3q.日历报表 grf/3q.grf /data/DataCenter.ashx?data=CrossTabCalendar 类似日历一样的报表,用于展现每日的统计数据。

子报表

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
4a.演示子报表 grf/4a.grf /data/DataCenter.ashx?data=SubReport_4a 示子报表,在一个主控报表中显示多个子报表,实现多个报表的集中展现。
4b.独立子报表 grf/4b.grf /data/DataCenter.ashx?data=SubReport_4b 独立子报表中每个子报表可以是不同的页面设置,可以导出到不同的Excel工作表。独立子报表的概念说明: 请参考帮助中的“开发指南->报表部件框应用->子报表”部分。
4c.子报表实现表中表 grf/4c.grf /data/DataCenter.ashx?data=SubReport_4c 演示在内容格中查入子报表实现表中表。[设计子报表1][设计子报表2]
4d.子报表主子关联 grf/4d.grf /data/DataCenter.ashx?data=SubReport_4d&city=天津 演示主子报表之间如何自动传递参数,子报表中的参数会自动从主报表中同名的参数或记录集字段中取值。
4e.子报表嵌套子报表 grf/4e.grf /data/DataCenter.ashx?data=SubReport_4e 演示多级子报表,即子报表中包含下级子报表。

各种常见类型报表

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
5a.表达式运算 grf/5a.grf /data/DataCenter.ashx?data=SaleDetail 演示用综合文字框实现运算表达式。
5b.显示行号序号 grf/5b.grf /data/DataCenter.ashx?data=Customer 演示用系统变量显示行号及各种序号,将内容格设为自由格并插入系统变量框。
5c.层高不等多层表头 grf/5c.grf /data/DataCenter.ashx?data=Customer 演示层高不等多层表头报表。
5d.文字方向与间距 grf/5d.grf 演示各种方式的文字方向与文字角度。
5e.HTML标签 grf/5e.grf 演示综合文字框支持的各种HTML标签,设置综合文字框的“支持HTML标签”属性为“是”可以开启HTML标签解析功能。
5f.无边框表格 grf/5f.grf /data/DataCenter.ashx?data=Customer 演示一个没有表格边框线的报表。
5g.无行线表格 grf/5g.grf /data/DataCenter.ashx?data=Customer 演示一个没有行线的表格报表,但标题行下显示一条水平分隔线,标题格为自由格,其中的静态框显示下边框。
5h.对齐列改进导出Excel grf/5h.grf /data/DataCenter.ashx?data=SaleDetail 尽量采用对齐列方式定位部件框的水平位置,可以改善报表导出Excel等文件的效果。
5i.导航书签 grf/5i.grf /data/DataCenter.ashx?data=Customer 为报表的打印页面生成导航书签。
5j.财务金额线 grf/5j.grf /data/DataCenter.ashx?data=SaleDetail 演示财务金额线与金额位标签的用法。
5k.标签文字 grf/5k.grf 演示文字在水平方向上拉宽或缩窄比例显示。
5l.伸展列适应文字 grf/5l.grf /data/DataCenter.ashx?data=Customer 演示表格列的宽度根据显示内容的多少自动加大宽度,让所有内容都完整显示出来。
5m.电子印章 grf/5m.grf /data/DataCenter.ashx?data=Customer 演示用浮动部件框实现电子印章,浮动部件框说明与应用请参考帮助文档的“设计报表->其它->浮动部件框”部分。
5n.水印背景 grf/5n.grf /data/DataCenter.ashx?data=Customer 演示在报表打印页面中显示水印背景图。通过报表主对象的 BackImage 或 BackImageFile 属性指定水印背景图。
5o.水印文字 grf/5o.grf /data/DataCenter.ashx?data=Customer 用浮动部件框实现水印文字,浮动部件框说明与应用请参考帮助文档的“设计报表->其它->浮动部件框”部分。

打印与票据套打

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
6a.合同打印(单份_RTF) grf/6a.grf /data/DataCenter.ashx?data=ContractOne 用RTF文字框实现合同打印,合同中的动态数据域在运行时将被实际参数值替换。
6b.合同打印(多份_RTF) grf/6b.grf 用RTF文字框实现合同打印,合同中的动态数据域在运行时将被实际参数值替换。将RTF文字框定义在明细网格中,可以实现同时打印多份合同。
6c.合同打印(单份_综合文字框) grf/6c.grf /data/DataCenter.ashx?data=ContractOne 用综合文字框实现合同打印,合同中的动态数据域在运行时将被实际参数值替换。
6d.合同打印(多份_综合文字框) grf/6d.grf 用综合文字框实现合同打印,合同中的动态数据域在运行时将被实际参数值替换。将综合文字框定义在明细网格中,可以实现同时打印多份合同。
6e.发票套打 grf/6e.grf /data/DataCenter.ashx?data=InvoiceOne 演示发票与票据的套打,即在印刷好的票据的指定位置将数据精确定位输出。
6f.发票成批套打 grf/6f.grf /data/DataCenter.ashx?data=InvoiceMany 演示发票与票据的套打,对数据按单分组,实现一次打印多张票据。
6g.快递单套打 grf/6g.grf /data/DataCenter.ashx?data=EmployeeOne 演示快递单套打打印。
6h.支票套打 grf/6h.grf 演示支票套打打印,按照支票书写规范用报表脚本产生特殊的显示文字。
6i.多联票据 grf/6i.grf /data/DataCenter.ashx?data=InvoiceMany 演示单据在一张纸上重复打印,产生不同的联次,一联中还要控制显示的行数,超过的行在下一页继续显示。实现在非复写纸张上单据的多联打印。
6j.多联票据非复写纸 grf/6j.grf 演示单据在一张纸上重复打印,产生不同的联次,一联中还要控制显示的行数,超过的行在下一页继续显示。实现在非复写纸张上单据的多联打印。
6k.多背景图套打 grf/6k.grf 实现多页不同类型数据套打,且每页是不同的背景图。
6l.POS小票打印 grf/6l.grf /data/DataCenter.ashx?data=SaleDetail 演示超市购物小票的打印。
6m.横向分页在一页 grf/6m.grf 报表横向分页打印时,如果数据量少,横向产生的打印数据合并在一页中显示。
6n.镜像页面边距 grf/6n.grf /data/DataCenter.ashx?data=Customer 演示报表左右页边距镜像功能,当双面打印报表时,让左右页边距按镜像方式产生,这样方便报表的装订。

报表脚本

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
7-1a.脚本:追加空白记录 grf/7-1a.grf 在报表主对象的开始处理脚本上实现追加空白记录。
7-1b.脚本:设置特殊显示文字 grf/7-1b.grf 在字段的“获取显示文字脚本”中为字段设置特殊显示文字。在文字类部件框上也可以实现类似的功能。
7-1c.脚本:文字按条件突出显示 grf/7-1c.grf /data/DataCenter.ashx?data=SaleDetail 在内容行的“格式化脚本”中实现文字按条件高亮显示。部件框的外观属性可以在其所处的报表节的格式化脚本上进行改变,这样可以根据不同的条件实现文字按不同的格式显示。
7-1d.脚本:整行突出显示 grf/7-1d.grf /data/DataCenter.ashx?data=SaleSumByProduct 在内容行的“格式化脚本”中实现当前行整行按条件高亮显示。
7-1e.脚本:两行显示一次行线 grf/7-1e.grf /data/DataCenter.ashx?data=Customer 实现按需显示表格的行线,将单元格改为自由格,然后在内容行的“格式化脚本”上按条件动态控制部件框的边框。
7-1f.脚本:页脚首页不显示 grf/7-1f.grf /data/DataCenter.ashx?data=RTFSample 实现报表封面页不显示页脚,在页脚的“格式化脚本”属性上写脚本,控制其在首页不显示。
7-1g.脚本:镜像页边距并奇偶页眉页脚 grf/7-1g.grf /data/DataCenter.ashx?data=Customer 当报表双面打印时,让页码信息始终显示在外侧。在格式化脚本中根据条件设置部件框的可见性。这里是通过取页号系统变量判断奇偶页。
7-1h.脚本.按条件隐藏数据行 grf/7-1h.grf /data/DataCenter.ashx?data=SaleSumByProduct 根据条件确定明细行是否显示。
7-2a.脚本:计算字段 grf/7-2a.grf 报表中可以插入计算字段,计算字段无实际数据源字段对应。在记录集的“提交记录前脚本”属性上写报表脚本,实现计算字段求值。
7-2b.脚本:累计求和(收发存) grf/7-2b.grf /data/DataCenter.ashx?data=SaleByProduct 用报表脚本实现计算收入支出数据的结存余额。
7-2c.脚本:占列分组不重复求和 grf/7-2c.grf 用报表脚本实现主表数据项求和,每项只求和一次。
7-2d.脚本:每页重复报表尾实现页小计 grf/7-2d.grf 用脚本在每页重复显示的报表尾中实现当前页小计统计。
7-3a.脚本:自绘突出行线 grf/7-3a.grf 用脚本自绘出加粗的表格行线。
7-3b.脚本:部件框自定义绘制 grf/7-3b.grf 演示部件框的自定义绘制功能。
7-3c.脚本:部件框自绘(饼图与弧线) grf/7-3c.grf 演示部件框的自定义绘制功能。
7-3d.脚本:图像自定义绘制 grf/7-3d.grf /data/DataCenter.ashx?data=Categories 在自绘部件框中绘制出多幅图像,可以根据条件绘制不同幅数的图像,图像的输出位置与大小也可以根据条件动态确定。
7-3e.脚本:自定义条件分组 grf/7-3e.grf 分组不是根据某一个或多个字段的值的变化产生,而是根据自定义的规则产生分组项,这里是根据值的范围产生不同的分组。
7-3f.脚本:按首字母分组 grf/7-3f.grf 按首字母进行分组。增加一个计算字段,在记录集的“提交记录前脚本”中将计算字段的值设为对应字段的首字母。
7-3g.脚本:表格续打(套打) grf/7-3g.grf /data/DataCenter.ashx?data=Report_7_3g&BeginNo=9&EndNo=35 用报表脚本实现续打,根据每次打印的参数确定数据的起始打印位置,通过动态设置空白报表头的高度来实现数据起始位置的变化。

图表(Chart)

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
8a.图表.序列组簇图 grf/8a.grf 各种序列组簇类型的图表,包括柱状图、饼图、连线图、混和图表、双轴图表等。
8b.图表.XY数据型图 grf/8b.grf /data/DataCenter.ashx?data=Chart_8b 各种散列(XY)类型的图表,包括散列点图、散列连线图、散列曲线图、气泡图表等。
8c.图表.三维(3D) grf/8c.grf 各种3D图表等。
8d.记录集图表 grf/8c.grf /data/DataCenter.ashx?data=Chart_8d 图表全部定义对应记录集,图表的相关属性关联记录集的字段。

自由表格(FreeGrid)

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
9a.自由表格 grf/9a.grf /data/DataCenter.ashx?data=EmployeeOne 用自由表格(FreeGrid)部件框制作一个人员档案自由表格。
9b.自由表格并明细网格 grf/9b.grf /data/DataCenter.ashx?data=FreeGridwithDetailGrid 用自由表格部件框与明细网格共同实现一个有动态明细数据的自由表格。

报表组件对象模型

报表(打印预览) 打印 PDF EXCEL RTF CSV 文本 图像 报表文档 报表模板 报表数据 说明
a0.报表组件对象模型 grf/a0.grf 用 Grid++Report 本身设计出其编程对象的组件对象模型图。

二、教程例子演示

基础起步

例子报表名称 简要说明 例子文件
报表打印预览 打开WEB报表客户端窗口,以打印预览方式展现报表。 01.PrintPreview.htm
报表直接打印 直接打印输出报表,同时示范自定义打印参数设置。 02.PrintDirect.htm
报表直接数据导出 直接将报表数据导出,同时示范自定义数据导出参数设置。 03.Export.htm
任务完成消息响应 在任务执行后,执行响应函数,如报表打印后,数据导出后等。 04.OnMessage.htm
报表数据来自变量 报表模板与报表数据不是直接关联URL,而是来自程序通过其它途径获取到变量。 05.DataFromVar.htm

自定义设置

例子报表名称 简要说明 例子文件
打印自定义参数 设置打印相关参数,如纸张方向、打印份数、纸张大小等。 options/webapp-print_arguments.htm
自定义报表预览窗口 自定义报表预览窗口。 options/webapp-ui.htm

更多例子

例子报表名称 简要说明 例子文件
报表成批打印或数据导出 在网页中通过AJAX方式获取报表模板与报表数据,然后将模板与数据传递给WEB报表客户端进行报表生成。Ajax不能直接访问跨域的数据。 misc/webapp-ws-batch.htm
报表集中生成 将多个报表集中在一起生成,预览在同一个,导出是生成在一个文件中。 misc/webapp-ws-together.htm
报表数据URL附加参数包 通常在报表数据URL的后面附加获取数据的参数,当参数数据量比较大且超过URL的长度限制时,就应该通过发送额外的URL附加数据来实现参数的传递。 misc/webapp-dataUrlParams.htm
打印机与纸张列表 获取客户端电脑打印机与纸张列表。 misc/webapp-ws-printers.htm

进一步了解锐浪报表

锐浪软件网站 | 锐浪报表Grid++Report介绍 | 锐浪报表开发选型 | 锐浪WEB报表开发方式 | WEB报表插件演示 | HTML5报表演示 | WEB报表服务器演示 | 关于锐浪报表免费版