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

Stella981
• 阅读 677

积木报表 ,一个开源免费的报表工具,像搭建积木一样在线设计报表!功能涵盖数据报表设计、打印设计、图表设计、大屏设计等! 领先的企业级Web报表平台软件,采用纯Web在线技术,专注于解决企业报表快速制作难题。 快速体验: www.jimureport.com

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

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

1、数据库表结构

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

2、新增几条数据

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

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

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

二、新建API报表

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

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

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

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

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

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

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

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

  • 编码:API数据源的标识;
  • 名称:API数据源的名称;
  • 请求方式:分为get和post;根据后台的请求类型来选择(本章get);
  • 是否分页:如果有多页预览和打印,需要勾选“是否分页”;
  • Api地址:配置的API数据源地址(可以为本地和线上,但必须是JSON类型,如:{"data":"[{}]"});
5、填写完成后点击API解析会出现下图(动态报表配置明细)
  • 字段名:数据库表中的字段名称
  • 排序:显示到第几位,如1排在第一位
  • 字段文本:该字段对应的文本(如 name 学生名称)
  • 类型:数据库表地段类型
    JimuReport积木报表 — API数据源报表带参制作
6、点击确定返回页面,数据集中下面会有我们刚才创建的内容

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

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

1、填写标题

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

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

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

3、保存预览

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

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

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

2)保存预览

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

四、打印、导出

1、打印
1)打印区域和纸张设置

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

2)点击“打印”按钮,选择“打印当前屏”或“打印全部”,进入打印预览界面
  • 当前页:是我们当前屏幕看见的数据
  • 全部:即为全部数据
    JimuReport积木报表 — API数据源报表带参制作 JimuReport积木报表 — API数据源报表带参制作
2、导出(包含excel和pdf)

点击“导出”按钮,选择“导出excel”或“导出pdf”,可将表单数据导出相应形式; JimuReport积木报表 — API数据源报表带参制作

五、菜单配置

1、复制浏览器的链接

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

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

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

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

注意:

  • 前段组件必须按照格式填写 layouts/IframePageView *用{{ window._CONFIG['domianURL'] }}代替IP地址、端口号和项目名称
  • 末尾必须携带参数,如(?sex)
  • 是否为路由菜单:是
    JimuReport积木报表 — API数据源报表带参制作
4、角色授权

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

  • 勾选刚才创建的菜单
    JimuReport积木报表 — API数据源报表带参制作

  • 刷新页面即可看见点击菜单
    JimuReport积木报表 — API数据源报表带参制作

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
4天前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
皕杰报表之预览数据不全
有时用皕杰报表做设计时,你会发现一个问题,报表工具中预览的数据不全,你仔细的检查了各个方面,发现设计的都没问题,但就是浏览的数据不全。这时你可以将报表部署到服务器上,用浏览器预览你发现一切正常。原因:皕杰设计器对数据是有限制的。为了减少设计器所占内存,在设
皕杰报表(关于日期时间时分秒显示不出来)
在使用皕杰报表设计器时,数据据里面是日期型,但当你web预览时候,发现有日期时间类型的数据时分秒显示不出来,只有年月日能显示出来,时分秒显示为0:00:00。1.可以使用tochar解决,数据集用selecttochar(flowdate,"yyyyMMddHH:mm:ss")fromtablename2.也可以把数据库日期类型date改成timestamp
不才 不才
1年前
前端实现在浏览器中打印网页
前端数据报表打印方案背景项目:vueelementui需求:web端连接打印机打印报表功能关键词:浏览器端连接打印机打印报表调研首先,前端调用打印只有两种方式,使用window.print()和调用网络打印机。window.print这个是浏览器开放的api一般快捷键ctrlp或右键都也能调用。可以通过媒体查询的方案进行局部打印,也就是隐
Stella981 Stella981
2年前
JimuReport积木报表 — API数据源报表制作
积木报表,一个开源免费的报表工具,像搭建积木一样在线设计报表!功能涵盖数据报表设计、打印设计、图表设计、大屏设计等!领先的企业级Web报表平台软件,采用纯Web在线技术,专注于解决企业报表快速制作难题。快速体验:www.jimureport.com以下是API数据源报表制作步骤:一、数据源报表制作、新建数据库表(以stu
Wesley13 Wesley13
2年前
2019给大家推荐一款永久免费又好用的报表工具
很多人在日常工作中都离不开报表,常常还会自己动手制作报表,使用的报表软件大多数都是wps、office等办公软件。还有一些公司会采购一些专业的报表工具,例如:FineReport、润乾报表、思迈特等等。当然,一般来说采购专门的报表工具,大多数花费的成本还是很高的。但是最近在各大网站论坛上流传着一条关于国内最资深的报表工具润乾报表可以永久免费使用的
Wesley13 Wesley13
2年前
410·邮件合并图片
大批量制作报表,很多人都会想到【邮件合并】。用WORD制作报表,从EXCEL中提取所需的数据。!(https://img2018.cnblogs.com/blog/1705923/201906/170592320190603154336601469003308.jpg)可是最近发现,有同事利用【邮件合并】生成报表后,再一个一个插入照片。
Stella981 Stella981
2年前
JimuReport积木报表1.1.05 版本发布,免费的企业级 Web 报表工具
项目介绍积木报表,是一款免费的企业级Web报表工具,像搭建积木一样在线设计报表!功能涵盖,数据报表、打印设计、图表报表、大屏设计等!Web版报表设计器,类似于excel操作风格,通过拖拽完成报表设计。秉承“简单、易用、专业”的产品理念,极大的降低报表开发难度、缩短开发周期、节省成本、解决各类报表难题。当前版本