JimuReport积木报表 — API数据源报表带参制作
积木报表 ,一个开源免费的报表工具,像搭建积木一样在线设计报表!功能涵盖数据报表设计、打印设计、图表设计、大屏设计等! 领先的企业级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数据源报表带参制作相关推荐
- JimuReport积木报表 — SQL数据源报表带参展示
积木报表 ,一个开源免费的报表工具,像搭建积木一样在线设计报表!功能涵盖数据报表设计.打印设计.图表设计.大屏设计等! 领先的企业级Web报表平台软件,采用纯Web在线技术,专注于解决企业报表快速制作 ...
- JimuReport积木报表 — API数据源报表制作
积木报表 ,一个开源免费的报表工具,像搭建积木一样在线设计报表!功能涵盖数据报表设计.打印设计.图表设计.大屏设计等! 领先的企业级Web报表平台软件,采用纯Web在线技术,专注于解决企业报表快速制作 ...
- vfp报表纸张设置_JimuReport积木报表 — API数据源报表制作
积木报表 ,一个开源免费的报表工具,像搭建积木一样在线设计报表!功能涵盖数据报表设计.打印设计.图表设计.大屏设计等! 领先的企业级Web报表平台软件,采用纯Web在线技术,专注于解决企业报表快速制作 ...
- JimuReport积木报表1.3.1 beta版本发布,免费的Web报表工具
项目介绍 积木报表,是一款免费的企业级Web报表工具,像搭建积木一样在线拖拽设计报表!功能涵盖,数据报表.打印设计.图表报表.大屏设计等! 秉承"简单.易用.专业"的产品理念,极大 ...
- JimuReport积木报表1.1.09 版本发布,免费的企业级 Web 报表工具
项目介绍 积木报表,是一款免费的企业级Web报表工具,像搭建积木一样在线设计报表!功能涵盖,数据报表.打印设计.图表报表.大屏设计等! Web 版报表设计器,类似于excel操作风格,通过拖拽完成报表 ...
- JimuReport积木报表 v1.5.8版本发布—免费的数据可视化报表
项目介绍 一款免费的数据可视化报表,含报表和大屏设计,像搭建积木一样在线设计报表!功能涵盖,数据报表.打印设计.图表报表.大屏设计等! Web 版报表设计器,类似于excel操作风格,通过拖拽完成报表 ...
- JimuReport积木报表,一个好用的开源免费的报表平台!
JimuReport积木报表是一款集成报表设计和大屏设计的在线报表平台,使用起来简单方便,可以帮助用户像excel一样设计页面. 使用积木报表平台,用户不仅10分钟就可以设计一个炫酷大屏,还能在平台快 ...
- JimuReport积木报表,一个好用的开源免费的报表平台
JimuReport积木报表是一款集成报表设计和大屏设计的在线报表平台,使用起来简单方便,可以帮助用户像excel一样设计页面. 使用积木报表平台,用户不仅10分钟就可以设计一个炫酷大屏,还能在平台快 ...
- 若依集成JimuReport积木报表进行token传递
若依集成积木就不说了官网有ruoyi vue版集成积木报表 · JimuReport 积木报表 · 看云 (jeecg.com) 考虑到用若依的一般都是刚成立的公司,没有自己公司的框架, ...
最新文章
- 全国计算机一级考试理论部分,计算机一级考试理论试题:第七部分 单选
- mysql8.0.17压缩包安装教程_超详细的MySQL8.0.17版本安装教程
- SAP CRM WebClient UI的configuration按钮是否显示,取决于这个权限检查
- codeforces280 C. Game on Tree(期望)
- 关于 Mac OS X 内核技术来源
- WPF 开源项目 【watcher】 守望者,一款监控,统计,分析你每天在自己电脑上究竟干了什么的软件...
- 进阶阿里架构师:算法、编程语言、数据库、架构设计!书单推荐!
- 一篇文章带你了解Python运算符重载
- Visual Studio 2015 Update 3 RC 候选预览版粗来了
- gifrecord可以卸载吗_频繁的安装和卸载app会不会伤害苹果手机?
- mybatis generator使用总结
- 处女座的训练(贪心)
- 信号、频谱、能量、功率、噪声
- 愚人节恶搞html,愚人节来玩变装!爆笑在线恶搞照片网站
- 理想点法matlab p趋向无穷大,Matlab讨论区 - 声振论坛 - 振动,动力学,声学,信号处理,故障诊断 - Powered by Discuz!...
- 北美电影票房Top10-2020年1月10日:《1917》扬眉吐气
- 【C语言】汉诺塔问题
- 初看一脸问号,看懂直接跪下
- 机器学习算法竞赛平台整理
- NLP实战一 利用OpenAI Codex实现中文转python代码
热门文章
- 安装和卸载mysql_安装和卸载mysql
- c mysql触发器,mysql触发器使用笔记
- java项目启动后运行方法_spring boot在启动项目之后执行的实现方法
- vue + element-ui 聊天_Vue 插槽详解
- (王道408考研操作系统)第二章进程管理-第三节5:用信号量实现进程互斥、同步和前驱关系
- RSA算法原理简介,非对称加密,公开密钥算法(易懂篇)
- JS Math对象(算数、四舍五入、随机数)
- Android深度探索(卷1)HAL与驱动开发 心得体会 第十章 嵌入式Linux的调用技术
- spring 国际化-i18n
- node.js整理 07例子