Devexpress报表开发(二):创建数据报表


    本教程将会介绍如何使用Devexpress的报表控件来实现数据报表,我们将会从以下几步来实现数据报表(PS:文章使用的实例数据库以及结构请查看博客:点击查看):

  • 创建项目及添加一张报表

  • 绑定报表数据

  • 设计报表格式

  • 添加报表控件

  • 显示预览结果

    其中第一步在第一片博客中已经介绍了,我们就直接从第二步绑定报表数据开始。


1.绑定报表数据

    首先按照图片所示,点击添加报表数据源(Add Report Data Source)。

Devexpress报表开发(二):创建数据报表_第1张图片


    接下来点击DataBase,进入选择数据源界面,默认选择的是本项目存在的数据连接,我们则选择第一项,自己添加Access数据源。

Devexpress报表开发(二):创建数据报表_第2张图片

Devexpress报表开发(二):创建数据报表_第3张图片


    然后填写数据源名称,数据连接将会保存在本项目之中,我们可以在其他地方调用此连接。

Devexpress报表开发(二):创建数据报表_第4张图片


    现在添加数据到数据源中,第一种方法是直接在输入框中输入SQL语句,第二种就是点击 Run Query Builder 打开数据选取界面。我们将使用第二种方法获取数据。

Devexpress报表开发(二):创建数据报表_第5张图片


    图片介绍了各个部分的功能,选取数据后,我们可以点击左下角第一个按钮预览对应数据。

Devexpress报表开发(二):创建数据报表_第6张图片


    最后,数据选取完毕后,我们会在 Report Explorer 中的 Components 中看到我们所添加的数据源,在 Field List 中我们可以拖拽对应参数到报表设计视图中。

Devexpress报表开发(二):创建数据报表_第7张图片

Devexpress报表开发(二):创建数据报表_第8张图片


2.设计报表格式

   回到报表设计界面,按照图片步骤,打开 Report Editor

Devexpress报表开发(二):创建数据报表_第9张图片


    在 Report Editor 中添加表头(ReportHeader)和页尾(PageFooter),也可以在此修改报表的其他部分的参数。

Devexpress报表开发(二):创建数据报表_第10张图片


3.添加报表控件

    接下来拖拽五个 XRLabel 控件和两个 XRLine 到设计视图中,按照自己偏好修改各个参数,再从 Field List 中拖拽vipid、vipcard、vipname、givetime四个参数到设计视图中并排列好。

Devexpress报表开发(二):创建数据报表_第11张图片

Devexpress报表开发(二):创建数据报表_第12张图片Devexpress报表开发(二):创建数据报表_第13张图片


    然后我们在 PageFooter 中添加页码,从控件栏中拖拽 XRPageInfoPageFooter 中,修改 Format(显示格式) 为“ 第 {0}页   共 {1}页 ”。

Devexpress报表开发(二):创建数据报表_第14张图片

Devexpress报表开发(二):创建数据报表_第15张图片

    我们在Report Explorer 中可以看到整张报表的结构。

Devexpress报表开发(二):创建数据报表_第16张图片


4.显示预览结果

    点击设计视图下方的 Preview 按钮预览报表。

Devexpress报表开发(二):创建数据报表_第17张图片

Devexpress报表开发(二):创建数据报表_第18张图片


    由于我们是在上一片博客的基础上修改的,所以我们分别点击一下预览打印以及编辑三个按钮,查看效果。

Devexpress报表开发(二):创建数据报表_第19张图片


预览

Devexpress报表开发(二):创建数据报表_第20张图片


打印(直接打印)


编辑

Devexpress报表开发(二):创建数据报表_第21张图片


    我们还可以在预览界面将其导出为以下格式。

Devexpress报表开发(二):创建数据报表_第22张图片


   导出为Excel表格

Devexpress报表开发(二):创建数据报表_第23张图片




    关于数据报表就这样,下一篇介绍Devexpress的主从报表。