设为首页收藏本站

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

 找回密码
 立即注册

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

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

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

查看: 455|回复: 0

JimuReport积木报表 — API数据源报表带参制作

[复制链接]

49

主题

0

好友

379

积分

管理员

Rank: 12Rank: 12Rank: 12

发表于 2020-11-12 19:48:30 |显示全部楼层
积木报表 ,一个开源免费的报表工具,像搭建积木一样在线设计报表!功能涵盖数据报表设计、打印设计、图表设计、大屏设计等! 领先的企业级Web报表平台软件,采用纯Web在线技术,专注于解决企业报表快速制作难题。

快速体验: www.jimureport.com

在上一章API报表制作中介绍到API如何制作,但我们会发现它的分页不好用,本章说明一下带参的API,以分页为示例,解释一下API数据源报表带参制作步骤


一、数据源报表制作、新建数据库表(以student学生表为示例)
1、数据库表结构



2、新增几条数据



3、新增后台api接口(可以使本地,也可以是线上,但必须为json格式)



二、新建API报表
1、点击头像进入个人中心,点击“新建 ->新建报表”即新建报表;



2、新建好报表后,进入报表编辑页面;



3、点击数据集管理(API数据集)



4、进入页面后,填写编码、名称、Api地址、请求方式

  • 编码:API数据源的标识;
  • 名称:API数据源的名称;
  • 请求方式:分为get和post;根据后台的请求类型来选择(本章get);
  • 是否分页:如果有多页预览和打印,需要勾选“是否分页”;
  • Api地址:配置的API数据源地址(可以为本地和线上,但必须是JSON类型,如:{"data":"[{}]"});

5、填写完成后点击API解析会出现下图(动态报表配置明细)
  • 字段名:数据库表中的字段名称
  • 排序:显示到第几位,如1排在第一位
  • 字段文本:该字段对应的文本(如 name 学生名称)
  • 类型:数据库表地段类型


6、点击确定返回页面,数据集中下面会有我们刚才创建的内容



三、填写数据信息、保存浏览
1、填写标题


2、文本内容可将数据拖拽


3、保存预览



4、分组预览
1)点击班级下面所在表格进行分组


2)保存预览


四、打印、导出

1、打印

1)打印区域和纸张设置


2)点击“打印”按钮,选择“打印当前屏”或“打印全部”,进入打印预览界面

  • 当前页:是我们当前屏幕看见的数据
  • 全部:即为全部数据



2、导出(包含excel和pdf)

点击“导出”按钮,选择“导出excel”或“导出pdf”,可将表单数据导出相应形式;



五、菜单配置
1、复制浏览器的链接


2、在系统管理菜单管理进行配置


3、点击新增按钮填写信息

注意:

  • 前段组件必须按照格式填写 layouts/IframePageView *用{{ window._CONFIG['domianURL'] }}代替IP地址、端口号和项目名称
  • 末尾必须携带参数,如(?sex)
  • 是否为路由菜单:是


4、角色授权

路径:在系统管理->角色授权找到自己对应的角色,鼠标放到更多->授权

  • 勾选刚才创建的菜单

  • 刷新页面即可看见点击菜单



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



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

GMT+8, 2021-1-25 18:28 , Processed in 2.215204 second(s), 22 queries , Gzip On.

JEECG Open Source

© 2001-2012 Comsenz Inc.

回顶部