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


报表需求
某公司需要做一张员工信息表 , 要求能显示部门信息和部门所有员工信息 , 并可对部门信息进行条件查询;
报表效果
子表|JimuReport积木报表——主子报表如何设计
文章图片

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

子表|JimuReport积木报表——主子报表如何设计
文章图片
zhiwu表

子表|JimuReport积木报表——主子报表如何设计
文章图片
user表
2.设计主表数据集
主表展示的是部门信息 , 设计步骤如下:

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

子表|JimuReport积木报表——主子报表如何设计
文章图片


子表|JimuReport积木报表——主子报表如何设计
文章图片
图1
浏览器查找样式:

子表|JimuReport积木报表——主子报表如何设计
文章图片

  • 因为部门信息在页面只显示一条数据 , 所以把图1中“是否列表”对勾去掉;
3.设计子表数据集
子表展示的是部门员工信息 , 设计步骤如下:
  • 新建一个能展示部门员工信息的数据集 , 输入报表SQL , 拼接上参数;

子表|JimuReport积木报表——主子报表如何设计
文章图片


子表|JimuReport积木报表——主子报表如何设计
文章图片
图2
  • 因为部门信息在页面只显示一条数据 , 所以把图2中“是否列表”对勾勾选上;
4. 模板设计
设计界面样式 , 拖动数据集到单元格;

子表|JimuReport积木报表——主子报表如何设计
文章图片

【子表|JimuReport积木报表——主子报表如何设计】5. 查看
在浏览器中输入参数 , 主子表数据也跟着参数变化而变化;

子表|JimuReport积木报表——主子报表如何设计
文章图片

    推荐阅读