zhangdaiscott 发表于 2021-3-19 14:58:16

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

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

https://oscimg.oschina.net/oscnet/up-4fdab7928064bbc8317a3fdea1f9fb4b2b3.gif

报表设计过程首先需要选择一款适合的报表工具,这里采用积木报表平台进行设计,具体步骤如下:
1. 数据准备数据库中新建两张表,一张表名为“zhiwu”,用来存储部门信息;一张表名为“user”,用来存储客户信息数据。
两个表的关系是:“user”表的“b_id”与“zhiwu”表的“id”想对应;
zhiwu表

user表

2.设计主表数据集主表展示的是部门信息,设计步骤如下:
[*]新建一个能展示部门信息的数据集,输入报表SQL,拼接上参数;
   备注:
   1、在浏览器查找的时候,主表和子表都可以使用“部门id”作为参数查找,
      所以我们可以把拼接的参数写成 id='${pid}',浏览器地址后可以拼接?pid=1这种形式;
   2、下图中“pid”是随意定义的,用来浏览器传参使用;
图1

浏览器查找样式:


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

3.设计子表数据集子表展示的是部门员工信息,设计步骤如下:
[*]新建一个能展示部门员工信息的数据集,输入报表SQL,拼接上参数;
   备注:
      1、在浏览器查找的时候,使用“部门id”作为参数查找,
            所以我们可以把拼接的参数写成 b_id='${pid}',浏览器地址后可以拼接?pid=1这种形式;
      2、下图中“pid”是随意定义的,用来浏览器传参使用;
图5


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

4. 模板设计设计界面样式,拖动数据集到单元格;
5. 查看在浏览器中输入参数,主子表数据也跟着参数变化而变化;
https://oscimg.oschina.net/oscnet/up-4fdab7928064bbc8317a3fdea1f9fb4b2b3.gif
如果你也想做个这样的报表,点击这里下载积木报表,重点是免费的吆!!!

liilala6868 发表于 2021-4-2 21:52:41

北京快3 某公司需要做一张员工信息表,要求能显示部门信息和部门所有上海快3员工信息

包子亿百 发表于 2021-4-8 14:54:26

感谢分享,收

xyzjhkiopsdfgle 发表于 2023-12-25 14:19:02

如果想多个表关联后,显示数据呢

页: [1]
查看完整版本: JimuReport积木报表——主子报表如何设计