JimuReport积木报表——主子报表如何设计

报表需求

某公司需要做一张员工信息表，要求能显示部门信息和部门所有员工信息，并可对部门信息进行条件查询；

报表效果

报表设计过程

首先需要选择一款适合的报表工具，这里采用积木报表平台进行设计，具体步骤如下：

1. 数据准备

数据库中新建两张表，一张表名为“zhiwu”，用来存储部门信息；一张表名为“user”，用来存储客户信息数据。
两个表的关系是：“user”表的“b_id”与“zhiwu”表的“id”想对应；

zhiwu表

user表

2.设计主表数据集

主表展示的是部门信息，设计步骤如下：

• 新建一个能展示部门信息的数据集，输入报表SQL，拼接上参数；

备注：
1、在浏览器查找的时候，主表和子表都可以使用“部门id”作为参数查找，
   所以我们可以把拼接的参数写成 id='${pid}',浏览器地址后可以拼接?pid=1这种形式；
2、下图中“pid”是随意定义的，用来浏览器传参使用；

浏览器查找样式：

• 因为部门信息在页面只显示一条数据，所以把图1中“是否列表”对勾去掉；

3.设计子表数据集

子表展示的是部门员工信息，设计步骤如下：

• 新建一个能展示部门员工信息的数据集，输入报表SQL，拼接上参数；

备注：
1、在浏览器查找的时候，使用“部门id”作为参数查找，
   所以我们可以把拼接的参数写成 b_id='${pid}',浏览器地址后可以拼接?pid=1这种形式；
2、下图中“pid”是随意定义的，用来浏览器传参使用；

• 因为部门信息在页面只显示一条数据，所以把图2中“是否列表”对勾勾选上；

4. 模板设计

设计界面样式，拖动数据集到单元格；

5. 查看

在浏览器中输入参数，主子表数据也跟着参数变化而变化；