不用Visual Studio,5分钟轻松实现一张报表

简介:

常规的报表设计,如RDLC、水晶报表等,需要安装Visual Studio,通过VS提供的报表设计界面来设计报表,通过VS设计报表对.NET开发者而言非常方便,但是对于非开发人员,要安装4G的一个VS,且需要一个License,则成本显得有点高。本文提供另外一种方法,不使用VS也可以设计报表。

通过ActiveReports提供的免费报表设计器(绿色的exe可执行文件),我们也可以设计报表,下面就开始报表设计:

谁适合阅读此文?

  • 报表设计师

  • 产品经理

  • 需求分析师

必要的环境

  • 安装了.NET Framework 4.0环境

  • MS Office Access 2007及以上版本

 

第1分钟:认识报表设计器

双击“GrapeCity.ActiveReports.Samples.EndUserDesigner.exe”,可打开如下的报表设计界面

image

整体风格和Visual Studio,非常方便上手,尤其熟悉Visual Stuido界面。

image

本文采用区域报表来实现。

在区域报表中,提供了14个报表控件,其中本文会用到6种控件:(有关区域报表、页面报表的区别,请参考)

  • Label: 标签用于显示说明性文本,可以帮助用户描述显示在报表中的数据。

  • TextBox :文本框是一个基本的报表控件,它允许直接显示和编辑未格式化的文本。

  • Picture:此控件用于在报表中显示图像文件,可以控制图像大小等属性。

  • Line: 线以可视方式绘制边界或突出显示报表中特定的区域。

  • ReportInfo:ReportInfo 控件允许您快速显示页码、页数和报表日期等信息。

  • Barcode:条形码是将宽度不等的多个黑条和空白,按照一定的编码规则排列,用以表达一组信息的图形标识符。

 

第2钟:配置数据源和布局

下面这张图是区域报表的数据映射说明,其中对应关系:数据库中一条记录对应报表的Detail一条信息。

image

 

了解了数据映射关系后,我们开始进行报表设计,首先配置数据源,我们这里提供了Access关系型数据库(下载地址在本文最下面)。

通过点击报表设计器的Detail区域的数据库图标image

可打开如下的数据源视图:

image

配置完数据源后,选择DataSource1,右键添加数据集,即通过一条SQL语句,则可获得一个DataTable类似的数据集对象。

image

 

本博客使用的完整的SQL如下,数据源可通过这个路径下载 (下载附件后,解压文件,获得NWind_CHS_Small.mdb文件)

SELECT   产品.产品ID, 产品.产品名称, 产品.供应商ID, 产品.类别ID, 产品.单位数量, 产品.单价, 产品.库存量, 产品.订购量,
                产品.再订购量, 产品.中止, 产品.图片, 产品.产品描述, 类别.类别名称, 类别.说明 AS 类别说明, 类别.图片 AS 类别图片,
                供应商.公司名称 AS 供应商, 供应商.联系人姓名, 供应商.城市, 供应商.地址
FROM      ((供应商 INNER JOIN
                产品 ON 供应商.供应商ID = 产品.供应商ID) INNER JOIN
                类别 ON 产品.类别ID = 类别.类别ID)
ORDER BY 供应商.供应商ID, 产品.类别ID DESC

 

自此,数据源配置已经完成,完成了报表设计的入门,下面开始明确报表设计需求。

第3分钟:报表设计需求

  • 我们希望报表呈现的结果是类似下面的布局,报表头、报表数据详情、报表尾,即整体风格和RDLC报表类似

  • 同时,还可呈现二维码、图片展现格式、报表生成时间、报表页面等信息。

  • 考虑到将来系统迁移的最低成本,我们希望可以在Winform、WPF、ASP.NET、HTML5等平台中能够最低成本的复用---一次性精心设计的报表。

newMockup2

 

第4分钟:拖动报表控件设计报表

在报表设计器的底部增加了多个设计器按钮,通过这些按钮可以快速的访问布局向导,为报表模板设计带来更多便利操作。

易于使用的报表设计器

自动对齐线(Snap Lines):在报表设计界面上拖动某个控件,当该控件与其它控件(或者报表某个区域的边界)对齐时,被拖动控件和与之对齐的控件(或者报表某个区域的边界)之间将出现自动对齐线,让用户自由地布局控件变得更加容易。

自动对齐线(Snap Lines)

自动网格对齐(Snap to Grid):在报表设计界面上拖动某个控件,该控件将自动和与之最近的网格线进行对齐,该功能可以根据设置开启或者关闭。

自动网格对齐(Snap to Grid)

类似于Excel的自动滚动功能(Excel-like auto scrolling):在报表设计界面上拖动某个控件,当拖动的区域超出了设计界面当前显示的范围时,设计界面会根据您拖动方向进行自动移动,直到报表设计界面的边缘。

平移模式(Pan Mode):当切换到平移模式时会显示一个手形的光标,按下鼠标左键就可以自由拖动报表的设计界面。

平移模式(Pan Mode)

自动尺寸线(Dimension lines):在报表设计界面上拖动控件、改变控件大小操作时,控件边缘会自动出现尺寸线,通过尺寸线可以清楚的知道控件与报表边界之间的距离。

自动尺寸线(Dimension lines)

报表控件对话框(Report Control Dialogs):提供简便的方法来设置报表控件的相关属性。

区域报表布局默认情况下显示三个区域: 页眉、明细和页脚。您可以添加或删除页眉和页脚,报表头和报表尾,还可以添加 32 级的分组页眉和页脚(在报表上单击右键并选择插入,可以插入报表头/报表尾和分组头/分组尾。)。将控件拖这些区域中,以此来显示报表数据。报表布局会被保存为 RPX 格式。

依次从数据字段,往报表上拖动字段,如供应商名称、联系人、地址、城市等

image

对于Line、BarCode和Picture,则需要从左侧的工具栏拖入。

image

其中BarCode和Picture需要在属性对话框修改数据---DataField字段。

第5分钟:预览结果、打印、导出

预览查看报表结果的效果如下

image

 

导出:在设计工具中,通过文件---Export--可导出多种文件格式(HTML、PDF、Excel等)。

image

 

打印功能,通过工具栏的打印按钮直接打印

image

 

怎么样,是否有想动手设计报表的冲动?

绿色报表设计工具(解压即可使用,含C#源码)

数据库下载地址(下载附件后,解压文件,获得NWind_CHS_Small.mdb文件)

在线参考文档

另外,对这款绿色的报表设计器提供源码,可供您和您的小伙伴再次定制,如添加公司logo等个性化需求。(源码编译则需要安装ActiveReports安装授权)

本文用的是C#.NET绿色版,如有需要VB.NET绿色设计器源码的,请留言告之您的邮箱,单独发给您。



本文转自 powertoolsteam 51CTO博客,原文链接:http://blog.51cto.com/powertoolsteam/1542000,如需转载请自行联系原作者

相关文章
|
Web App开发 前端开发 .NET
Visual Studio 2017 集成Crystal Report为ASP.NET MVC呈现报表
原文:Visual Studio 2017 集成Crystal Report为ASP.NET MVC呈现报表 最近项目需要实现报表功能,平衡各方面的因素,还是使用Crystal Report(水晶报表) To get there click here: Download WIKI https://www.
3464 0
|
BI C#
Visual Studio 2017报表RDLC设计器与工具箱中Report Viewer问题
原文:VS2017入门 RDLC入门之01 本系列所有内容为网络收集转载,版权为原作者所有。 VS2017初始安装后和VS2015一样,都没有ReportDesigner/ReportViewer ReportViewer 1.
6509 0
|
BI SQL
Visual Studio 2005 ReportViewer 自适应报表大小显示(转)
环境: Report Service 2008    vs2005    一个小问题可能会影响你的整个进度~~ 这个烂问题就是的。用vs2005,默认的reportviewer,那个滚动条死活不能显示报表的所有内容。
791 0
|
5月前
Visual Studio Code开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】
Visual Studio Code开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】
245 0
|
6月前
|
API
使用 Visual Studio 开发 CS 的 BOF
使用 Visual Studio 开发 CS 的 BOF
|
6月前
|
开发框架 .NET 数据库
asp.net企业费用报销管理信息系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio
asp.net 企业费用报销管理信息系统是一套完善的web设计管理系统,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。开发环境为vs2010,数据库为sqlserver2008,使 用c#语言开发 应用技术:asp.net c#+sqlserver 开发工具:vs2010 +sqlserver
49 0
|
6月前
|
Java Android开发 C++
[笔记]Visual Studio 2015 开发安卓so库JNI层——回调调用
[笔记]Visual Studio 2015 开发安卓so库JNI层——回调调用
|
6月前
|
存储 缓存 JSON
用 Visual Studio Code 开发 Angular 应用自动生成的 .angular 文件夹
用 Visual Studio Code 开发 Angular 应用自动生成的 .angular 文件夹
32 0
|
7月前
|
前端开发 JavaScript PHP
Visual Studio Code的使用心得与常用免费插件使用技巧大全总结 老板夸奖我是开发小能手!
这就是我一直在使用的免费代码编辑神器, 它的优点太多了, 有: 智能感知、代码调试、内置 Git 命令、可扩展和可定制都相当牛,最关键的是免费开源!!
202 3
Visual Studio Code的使用心得与常用免费插件使用技巧大全总结 老板夸奖我是开发小能手!
|
7月前
|
数据可视化 C# 开发者
开发小技巧 - 合理使用Visual Studio 2022内置任务列表(TODO)
开发小技巧 - 合理使用Visual Studio 2022内置任务列表(TODO)