积木报表 ,一个开源免费的报表工具,像搭建积木一样在线设计报表!功能涵盖数据报表设计、打印设计、图表设计、大屏设计等! 领先的企业级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、角色授权

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

  • 勾选刚才创建的菜单

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

一、填写参数

1、在数据集管理点击编辑按钮,进入页面

2、需要修改一下sql语句(将pageNo和pageSize以及sex添加进去)
  • 如果是分页的话,“pageNo”和“pageSize”这两个参数是固定的,需要按这个格式设置;
  • “pageNo”表示第几页;
  • “pageSize”表示每页显示几条数据;
3、在下方报表参数点击新增按钮把我们刚才新增的参数写入
  • 参数:即${}里面的
  • 参数文本:即参数的描述
  • 默认值:当前参数${}里面默认值
点击确定按钮进行数据保存
4、回到页面,点击预览按钮

5、点击上一页、下一页进行测试(本章总共11条)
  • 第一页

  • 第二页

    如果数据不一样,说明配置成功

6、 预览的时候,需要在浏览器中输入参数为“?sex=1”这种格式,如果多个请求我们用“?sex=1&name=2”。如这个例子“?sex=男”;

二、菜单配置

1、复制浏览器的链接

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

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

注意:

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

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

  • 勾选刚才创建的菜单

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

JimuReport积木报表 — API数据源报表带参制作相关推荐

  1. JimuReport积木报表 — SQL数据源报表带参展示

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

  2. JimuReport积木报表 — API数据源报表制作

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

  3. vfp报表纸张设置_JimuReport积木报表 — API数据源报表制作

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

  4. JimuReport积木报表1.3.1 beta版本发布,免费的Web报表工具

    项目介绍 积木报表,是一款免费的企业级Web报表工具,像搭建积木一样在线拖拽设计报表!功能涵盖,数据报表.打印设计.图表报表.大屏设计等! 秉承"简单.易用.专业"的产品理念,极大 ...

  5. JimuReport积木报表1.1.09 版本发布,免费的企业级 Web 报表工具

    项目介绍 积木报表,是一款免费的企业级Web报表工具,像搭建积木一样在线设计报表!功能涵盖,数据报表.打印设计.图表报表.大屏设计等! Web 版报表设计器,类似于excel操作风格,通过拖拽完成报表 ...

  6. JimuReport积木报表 v1.5.8版本发布—免费的数据可视化报表

    项目介绍 一款免费的数据可视化报表,含报表和大屏设计,像搭建积木一样在线设计报表!功能涵盖,数据报表.打印设计.图表报表.大屏设计等! Web 版报表设计器,类似于excel操作风格,通过拖拽完成报表 ...

  7. JimuReport积木报表,一个好用的开源免费的报表平台!

    JimuReport积木报表是一款集成报表设计和大屏设计的在线报表平台,使用起来简单方便,可以帮助用户像excel一样设计页面. 使用积木报表平台,用户不仅10分钟就可以设计一个炫酷大屏,还能在平台快 ...

  8. JimuReport积木报表,一个好用的开源免费的报表平台

    JimuReport积木报表是一款集成报表设计和大屏设计的在线报表平台,使用起来简单方便,可以帮助用户像excel一样设计页面. 使用积木报表平台,用户不仅10分钟就可以设计一个炫酷大屏,还能在平台快 ...

  9. 若依集成JimuReport积木报表进行token传递

    若依集成积木就不说了官网有ruoyi vue版集成积木报表 · JimuReport 积木报表 · 看云 (jeecg.com)​​​​​​​ 考虑到用若依的一般都是刚成立的公司,没有自己公司的框架, ...

最新文章

  1. 全国计算机一级考试理论部分,计算机一级考试理论试题:第七部分 单选
  2. mysql8.0.17压缩包安装教程_超详细的MySQL8.0.17版本安装教程
  3. SAP CRM WebClient UI的configuration按钮是否显示,取决于这个权限检查
  4. codeforces280 C. Game on Tree(期望)
  5. 关于 Mac OS X 内核技术来源
  6. WPF 开源项目 【watcher】 守望者,一款监控,统计,分析你每天在自己电脑上究竟干了什么的软件...
  7. 进阶阿里架构师:算法、编程语言、数据库、架构设计!书单推荐!
  8. 一篇文章带你了解Python运算符重载
  9. Visual Studio 2015 Update 3 RC 候选预览版粗来了
  10. gifrecord可以卸载吗_频繁的安装和卸载app会不会伤害苹果手机?
  11. mybatis generator使用总结
  12. 处女座的训练(贪心)
  13. 信号、频谱、能量、功率、噪声
  14. 愚人节恶搞html,愚人节来玩变装!爆笑在线恶搞照片网站
  15. 理想点法matlab p趋向无穷大,Matlab讨论区 - 声振论坛 - 振动,动力学,声学,信号处理,故障诊断 - Powered by Discuz!...
  16. 北美电影票房Top10-2020年1月10日:《1917》扬眉吐气
  17. 【C语言】汉诺塔问题
  18. 初看一脸问号,看懂直接跪下
  19. 机器学习算法竞赛平台整理
  20. NLP实战一 利用OpenAI Codex实现中文转python代码

热门文章

  1. 安装和卸载mysql_安装和卸载mysql
  2. c mysql触发器,mysql触发器使用笔记
  3. java项目启动后运行方法_spring boot在启动项目之后执行的实现方法
  4. vue + element-ui 聊天_Vue 插槽详解
  5. (王道408考研操作系统)第二章进程管理-第三节5:用信号量实现进程互斥、同步和前驱关系
  6. RSA算法原理简介,非对称加密,公开密钥算法(易懂篇)
  7. JS Math对象(算数、四舍五入、随机数)
  8. Android深度探索(卷1)HAL与驱动开发 心得体会 第十章 嵌入式Linux的调用技术
  9. spring 国际化-i18n
  10. node.js整理 07例子