关注JEECG发展历程 关注最新动态和版本, 记录JEECG成长点滴 更新日志 - 技术支持 - 招聘英才

JEECG最新版本下载 JEECG智能开发平台 - 显著提高开发效率 常见问题 - 入门视频 - 参与开源团队

商务QQ: 69893005、3102411850 商务热线(5*8小时): 010-64808099 官方邮箱: jeecgos@163.com

查看: 8618|回复: 3

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

[复制链接]
发表于 2021-3-19 14:58:16 | 显示全部楼层 |阅读模式
报表需求

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


报表效果



报表设计过程

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


1. 数据准备

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


zhiwu表
1.png


user表
2.png


2.设计主表数据集

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

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

3.png

图1


浏览器查找样式:
4.png


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

3.设计子表数据集

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

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

5.png

图5


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

4. 模板设计

设计界面样式,拖动数据集到单元格;

6.png


5. 查看

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


如果你也想做个这样的报表,点击这里下载积木报表,重点是免费的吆!!!
发表于 2021-4-2 21:52:41 | 显示全部楼层
北京快3 某公司需要做一张员工信息表,要求能显示部门信息和部门所有上海快3员工信息
发表于 2021-4-8 14:54:26 | 显示全部楼层
感谢分享,收
发表于 2023-12-25 14:19:02 | 显示全部楼层

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

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表