设为首页收藏本站

JEECG官方网站-企业级JAVA快速开发平台

 找回密码
 立即注册

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

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

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

查看: 99|回复: 2

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

[复制链接]

64

主题

0

好友

460

积分

管理员

Rank: 12Rank: 12Rank: 12

发表于 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. 查看

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


如果你也想做个这样的报表,点击这里下载积木报表,重点是免费的吆!!!

0

主题

0

好友

18

积分

新手上路

Rank: 2

发表于 2021-4-2 21:52:41 |显示全部楼层
北京快3 某公司需要做一张员工信息表,要求能显示部门信息和部门所有上海快3员工信息
回复

使用道具 举报

1

主题

0

好友

25

积分

新手上路

Rank: 2

发表于 2021-4-8 14:54:26 |显示全部楼层
感谢分享,收
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册
验证码 换一个



Archiver|手机版|JEECG技术论坛 - 基于BPM的低代码开发平台 ( 京ICP备12013567号-3 )  

GMT+8, 2021-4-20 11:24 , Processed in 2.246404 second(s), 23 queries , Gzip On.

JEECG Open Source

© 2001-2012 Comsenz Inc.

回顶部