创建后,配置到菜单后的显示效果如下:
-------------------------------------------------------------------------------------------------------------------------
问题:当使用jeecg创建单表之后,需要进行报表显示,并把报表配置到菜单中,该如何操作呢?下面进行详细讲解。这里以课程表这张表为例进行讲解。
一.表单创建完成,并配置好菜单栏。具体步骤略,如下图:
二.创建积木报表
1.左侧边栏展开低代码开发菜单,进入报表设计器栏目
2.进入后,显示积木报表,这里是报表配置的入口
3.可以选择报表类型,有数据报表,图形报表和打印设计。一般情况下,excel类型的显示,都是数据报表,这里需要进行展示形式的变换,所以选择的是数据报表。
4.系统提供了部分的模板案例,可以选择去挑选合适的模板,如果没有合适的话,可以自己创建。
我们这里点击 新建报表 ,进行报表的创建。
5.进入到报表设计的主工作台,开始报表模板的设计。
5.1 选择数据集。我这里的数据是从数据库读取的。因为前面的表单设计完毕以后,数据存储在mysql数据库中,所以这里直接使用的sql数据集类型。
5.2 选择数据库,数据库的表
5.3 编码是自己创建的该报表模板的编号,字母+数字混合(开头不能用数字),自己根据业务含义取一个 报表模板的编码,不能跟其他模板的编码 重复
5.4 名称根据业务起一个名字
sql语句是需要展示的数据的查询语句。找到对应表,编写sql语句
select * from time_table_base
点击sql解析后,会调出来所有的字段
5.6 点击数据预览,可以查看数据
5.7 配置查询,可以在报表的头部显示出来查询按钮,并根据勾选的字段作为条件查询动态调整报表的数据内容。
5.8 成功之后,数据集的左侧栏会出现一列数据,是查询出来的表字段
5.9 这个时候可以通过拖拽的方式把数据拖拽到中间表格中,来设计表格。
表格的设计上,数据分为列表数据和分组数据。我们一般情况下,之所有需要报表显示,就是因为需要进行分组显示。分组的概念其实就是把二维维度的数据通过分组的方式折叠为多维维度数据进行显示。分组的数据分为横想和纵向分组,具体操作请参考 :
选中某个字段
5.10 如果是表头数据,高级配置为普通属性。如果是显示的表格内数据,选择动态属性。把所有的数据都配置好以后
5.11 配置好模板之后,点击左上角第二个按钮:保存按钮。接着点击左上角的第一个按钮,预览按钮。
6.预览报表,根据条件可以查询。报表设计成功。
7.复制出来预览的地址,尤其把view/后面的那串数字复制出来,这个是报表的编号,后面在配置菜单中会用的到。
三.把报表的预览配置未菜单并赋予权限
1.使用系统管理员用户进入程序
2.选择系统管理,找到菜单管理,点击新增菜单
2.进入新增菜单,并选择一级菜单
3.输入访问路径前端组件。输入地址和访问情况,可以自己设置
4.新建子菜单,并设置
积木报表菜单配置 · JeecgBoot Vue3前端文档 · 看云 (kancloud.cn)
参考官网连接:
将设计好的报表配置到菜单里
{{ window._CONFIG['domianURL'] }}/jmreport/view/724605077049135104?token=${token}
724605077049135104
换成自己的报表ID- 注意访问路径和前端组件的写法
- url 随便定义即可
保存
5.将菜单赋权给角色。
5.1 进入系统管理-->角色管理。找到具体的角色后进行授权操作。
5.2 选中刚创建的菜单栏
5.3 勾选新创建的菜单和子菜单,并保存。
5.4 刷新页面,查看左侧栏是否出现相应菜单。
5.5 点击菜单,进入具体的报表页面,成功
6.通过查询按钮,可以看到在报表设计器上设置的查询字段,
通过点击查询和其他操作按钮,可以动态对数据进行查询。展示。还可以分页,支持导出为excel,pdf等。