二、创建第一个BIRT报表项目

二、创建第一个BIRT报表项目

          • 1. Eclipse制作birt报表界面详解(全局把握,很枯燥,没基础可以弃看)
            • 1.1 左下角区域
            • 1.2 左上角区域
            • 1.3 右边
          • 2. 创建BIRT报表项目(初学可以从这里先看)
          • 3. 常用组件讲解
            • 3.1 Label
            • 3.2 Grid
            • 3.3 Table
            • 3.4 其他工具

1.在看本章前您需要搭建好相应的环境,没有请移步 上一节:https://blog.csdn.net/weixin_44929998/article/details/108223716
2.本文主要讲解使用eclipse插件创建Birt报表项目
3.本处可以直接从 2. 开始看,但是看了1. 之后对你全局把握有很好的帮助

1. Eclipse制作birt报表界面详解(全局把握,很枯燥,没基础可以弃看)
  1. 全景图预览(看不清就放大):
    二、创建第一个BIRT报表项目_第1张图片
1.1 左下角区域

此处主要用于新建、存放、解析项目、报表等,类似于Projects

二、创建第一个BIRT报表项目_第2张图片

  1. Navigator:该区域主要用于存放项目(新建等),存放报表等,类似于Project

  2. Outline:该区域主要是详解,主要功能在于选择报表时解析报表的表格等

1.2 左上角区域

此区域主要是工作区域,用于对报表进行各项操作。

二、创建第一个BIRT报表项目_第3张图片

  1. Palette:主要用于存放报表的各类工具,包括Table、Grid、Lable等进行拖拽使用到界面上
  2. Data Explorer:用于数据集的绑定工作,包含了数据源、数据集、请求参数的界面
  3. Resource Explorer:资源预览,在我使用过程中主要是为每个报表添加公共部分使用的
1.3 右边

二、创建第一个BIRT报表项目_第4张图片

  1. 右上方画板主要用于显示报表样式或者XMl代码等
  2. Layout视图,用来查看显示样式
  3. Master Page 母版,这边主要是对背景进行操作,包括调节背景板宽度等
  4. Script 选中某个组件或者不选中,对范围区域写Js脚本
  5. XML Resource xml源代码视图,批量修改在这个里面很方便
  6. Property Editor 主要是用于调节样式使用,也可以Xml Resource修改
2. 创建BIRT报表项目(初学可以从这里先看)
  1. 项目创建
    在Navigator窗口处,或者File → new others→ Business Intelligence
    and Reporting tools → Report Project → Next 填入项目名即可
    二、创建第一个BIRT报表项目_第5张图片
    结果:
    二、创建第一个BIRT报表项目_第6张图片
  2. 创建一个报表
    为了养成良好的习惯,报表我们都会进行归类,当然也可以直接放到项目下也可以,但是本处教程会进行归类。
    此处应该选择该项目(可能有多个),new Folder,然后点击该文件夹new Report,输入报表名即可,截图如下;
    二、创建第一个BIRT报表项目_第7张图片
    二、创建第一个BIRT报表项目_第8张图片
    这样我们就得到了一个报表如下图所示:
    二、创建第一个BIRT报表项目_第9张图片
    我们便可以通过右键 Insert 选择Table或者选中左边Palette中的元素进行拖拽绘制了。
3. 常用组件讲解
3.1 Label

原意为标签的意思,我们经常用这个作为一个文字输入的存储框

  1. 演示:通过双击Label或者右键 Insert Label出来,然后选择这个Label,可以在下方看到各种操作项如下图所示:
    二、创建第一个BIRT报表项目_第10张图片
  2. 点击Label 输入需要输入的字(如上图),找到Property Editor中的Genral,就可以调节居中,字体颜色、字体大小、背景色等,效果如上图所示。
  3. 注意:padding和Margin功能我不多说,除非为了效果,要不然万不得已不能改。
3.2 Grid

网格:

  1. 一种无法循环的表格,在这个网格里面可以存储数据库出来的数据
  2. 不能进行循环显示数据库数据,需要循环请使用table组件
  3. 可以对表格等进行合并操作,类似于Excel
  1. 通过双击或者选中Insert Grid 即可拉出网格,有个弹框要你选中行和列,随意点就好了,4行三列,操作如下图所示:
    二、创建第一个BIRT报表项目_第11张图片
  2. 选中表格后
    二、创建第一个BIRT报表项目_第12张图片
    此处我做了两个标记:1. 选中此处就表示对整个Grid进行操作;2. 选中此处(左上角交叉地方)就表示对Grid每个单元格进行操作。此外还可以选中旁边的行列进行操作;单击单元格,便是对该单元格进行操作,我们可以进行简单的拖拽一个Lable进行调节到如下图所示内容:
    二、创建第一个BIRT报表项目_第13张图片
    3.选中整个Grid,然后点击Border 便可以对整个表画边框线,此处建议选中全部表格,而不是整个Grid,效果如下:
    二、创建第一个BIRT报表项目_第14张图片
  3. 选中Run → View Report → In Web Viewer 即可浏览器查看效果如下图所示:
    二、创建第一个BIRT报表项目_第15张图片
    中间表格部分是不是挺好看的,只不过整体界面丑了点,没关系后续教程会说怎么设置样式,目前只是管表格好看就行了,对吧。
3.3 Table

Table与Grid不同在于有个循环体Detail

  1. 跟上述一样 Insert Table,3行3列 ,可以看到效果如下图所示:
    二、创建第一个BIRT报表项目_第16张图片
    可以清楚看到三个部分:
    Header Row:头部信息(经常用)
    Detail Row:循环体(用Table如果不用这个吃饱了撑的)
    Footer Row:尾部(很少用)

  2. HeadRow操作:
    通过选择Head Row那一行 Insert Row Above/Below 可以添加一行头部信息,多选Head Row可以添加多行头部信息。选中多个Head选框右键 Merge Cells 即可合并单元格,非常的好用

3.4 其他工具
1. List 可以类比Table
2. Image & Text & Dynamic Text   可以类比Lable,都是Label的升级版
3. Data 数据绑定使用,主要用于Table
4. Chart  图标

上一章:一、BIRT简介及安装
下一章:三、 绑定数据库&使用公共类

你可能感兴趣的:(BIRT报表专栏,birt,eclipse)