在ASP.NET应用程序中,有时我们需要将一些数据以统计图的方式显示在页面中,ASP.NET报表就为我们提供了这种便利。如下图所示,它是一个站点每天访问IP、PV的数量统计图:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/8d8f1b50802e8d558611d9bc4d8235e3.gif)
下面我们来看下是怎么做出来的。
一、测试环境
Visual Studio 2008 + SQL Server 2005
二、实现步骤
1.数据准备
在SQL Server 2005执行下边sql,数据准备完成:
复制内容到剪贴板
程序代码
![ASP.NET报表简单使用示例 程序代码](https://i-blog.csdnimg.cn/blog_migrate/58c53beb33fc757b1f6036e6c94a1479.gif)
--create table
create table LogTB
(
Id int identity(1,1) primary key,
IPCount int,
PVCount int,
LogDate datetime
)
--insert into
insert into LogTB(IPCount,PVCount,LogDate)
select 10,25,'2010-06-25' union all
select 20,50,'2010-06-26' union all
select 30,75,'2010-06-27' union all
select 40,100,'2010-06-28' union all
select 50,125,'2010-06-29' union all
select 30,150,'2010-06-30'
create table LogTB
(
)
--insert into
insert into LogTB(IPCount,PVCount,LogDate)
select 10,25,'2010-06-25' union all
select 20,50,'2010-06-26' union all
select 30,75,'2010-06-27' union all
select 40,100,'2010-06-28' union all
select 50,125,'2010-06-29' union all
select 30,150,'2010-06-30'
2.建立数据集
用Visual Studio 2008新建一站点,然后在"服务器资源管理器"中为第1步建立的表所在的库添加一个连接:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/a23bd3b76809b138c482f159c9238653.gif)
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/03905fcc04da7ff28ff1811cbc676b43.gif)
接着给站点添加一个数据集(xsd)文件:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/2b86086f4f88025d0e1710dfe913183f.gif)
再将LogTB表从"服务器资源管理器"中拖到数据集页面上,数据集建立完成:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/b85d712929dbbd4158fbf5582202cc49.gif)
3.添加报表并和数据集关联
为站点添加一个报表文件:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/b3bd7f461054812bba15dad04a1297de.gif)
从"工具箱→报表项"中拉一个"图表"到报表界面上:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/9adad1a2f0a4767d79fd68925fa5ef42.gif)
从"网站数据源"中拖动字段到图表上,为图表添加数据字段和类别字段,如下图所示:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/62fcd13d6092c863769ff5cd77177cf3.gif)
右键点击图表,打开属性页面,可对图表再稍做些美化,如改变图表类型、添加X,Y轴标题等等:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/433614dce1740817f6ec0073bcd7cc15.gif)
至此,报表文件准备完成。
4.将报表显示到ASP.NET页面上
为站点添加一个ASP.NET页面,然后从"工具箱→报表"中拉一个MicrosoftReportViewer控件到页面上:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/03923bd83503d461684b37cbbb630ec1.gif)
为MicrosoftReportViewer控件选择一个报表:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/a0f9d818b71e19ab98695e65039fc604.gif)
再对MicrosoftReportViewer控件稍做设置:
复制内容到剪贴板
程序代码
![ASP.NET报表简单使用示例 程序代码](https://i-blog.csdnimg.cn/blog_migrate/58c53beb33fc757b1f6036e6c94a1479.gif)
AsyncRendering=False
ShowToolBar=False
SizeToReportContent=True
ShowToolBar=False
SizeToReportContent=True
OK,全部步骤完成,预览下页面:
![ASP.NET报表简单使用示例](https://i-blog.csdnimg.cn/blog_migrate/8d8f1b50802e8d558611d9bc4d8235e3.gif)