zhangdaiscott 发表于 2020-11-12 19:30:25

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

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

快速体验: www.jimureport.com

以下为API数据源报表制作步骤:

一、数据源报表制作、新建数据库表(以student学生表为示例)1、数据库表结构https://oscimg.oschina.net/oscnet/up-506c82f8259d2ce42e1d16e895984985760.png

2、新增几条数据https://oscimg.oschina.net/oscnet/up-9a6955d7d4f88b926d2e45f19a42b9852fd.png

3、新增后台api接口(可以使本地,也可以是线上,但必须为json格式)https://oscimg.oschina.net/oscnet/up-557ae129840f304279c3e20083f9c0bcf2c.png

二、新建API报表
1、点击头像进入个人中心,点击“新建 ->新建报表”即新建报表;https://oscimg.oschina.net/oscnet/up-fc8ce260fb6f4f6e1e0d8e34ed5218ac9a6.png
2、新建好报表后,进入报表编辑页面;https://oscimg.oschina.net/oscnet/up-2604f2972b8f7313bbd9955bbb21cda3872.png
3、点击数据集管理(API数据集)https://oscimg.oschina.net/oscnet/up-0b303a639f31666a3594e1eebf6f61d1f9d.png
4、进入页面后,填写编码、名称、Api地址、请求方式https://oscimg.oschina.net/oscnet/up-3a18245b1b17cc8d3ea3b19a94d8606cdbe.png
[*]编码:API数据源的标识;
[*]名称:API数据源的名称;
[*]请求方式:分为get和post;根据后台的请求类型来选择(本章get);
[*]是否分页:如果有多页预览和打印,需要勾选“是否分页”;
[*]Api地址:配置的API数据源地址(可以为本地和线上,但必须是JSON类型,如:{"data":"[{}]"});


5、填写完成后点击API解析会出现下图(动态报表配置明细)
[*]字段名:数据库表中的字段名称
[*]排序:显示到第几位,如1排在第一位
[*]字段文本:该字段对应的文本(如 name 学生名称)
[*]类型:数据库表地段类型
https://oscimg.oschina.net/oscnet/up-404da459f7fe2de922e8dcad6d2ef931fb8.png

6、点击确定返回页面,数据集中下面会有我们刚才创建的内容https://oscimg.oschina.net/oscnet/up-1fb2c91631bd22d08318d4a52ce46c2d9b2.png

三、填写数据信息、保存浏览1、填写标题https://oscimg.oschina.net/oscnet/up-0f4a1154f84e2dbd32b84f750991c556154.png

2、文本内容可将数据拖拽https://oscimg.oschina.net/oscnet/up-fb3bd0dec096efe8c50e3e30b533a7f4842.png

3、保存预览https://oscimg.oschina.net/oscnet/up-98084ad5b9ba0f54450d8e010147fe04c23.png
https://oscimg.oschina.net/oscnet/up-2c1063f457ca1048c47a8cced936127ef6e.png

4、分组预览1)点击班级下面所在表格进行分组https://oscimg.oschina.net/oscnet/up-1bc454416d82c268eb5e59033773047423d.png

2)保存预览https://oscimg.oschina.net/oscnet/up-0355be1a5f397154932fac5cdb3faedfc74.png
四、打印、导出1、打印

1)打印区域和纸张设置https://oscimg.oschina.net/oscnet/up-e297bac23855c5b8dfbe9bd19035f904015.png
2)点击“打印”按钮,选择“打印当前屏”或“打印全部”,进入打印预览界面
[*]当前页:是我们当前屏幕看见的数据
[*]全部:即为全部数据
https://oscimg.oschina.net/oscnet/up-ee7ba789ebf2127e035b6e53d5b8b2733b1.png
https://oscimg.oschina.net/oscnet/up-8f867dac2eea082a04f413304ac82bc027f.png

2、导出(包含excel和pdf)点击“导出”按钮,选择“导出excel”或“导出pdf”,可将表单数据导出相应形式;https://oscimg.oschina.net/oscnet/up-c137198c56d2339e83f458be56f4c46b9f0.png

五、菜单配置
1、复制浏览器的链接https://oscimg.oschina.net/oscnet/up-7a5adc72eea658e80032407e81a701a53dd.png

2、在系统管理菜单管理进行配置https://oscimg.oschina.net/oscnet/up-01292a19efd94c2665b35771a1950849a39.png
3、点击新增按钮填写信息注意:
[*]前段组件必须按照格式填写 layouts/IframePageView *用{{ window._CONFIG['domianURL'] }}代替IP地址、端口号和项目名称
[*]末尾必须携带参数,如(?sex)
[*]是否为路由菜单:是
https://oscimg.oschina.net/oscnet/up-fc0a0765b781e271f13882d3f5e4bd154ae.png

4、角色授权路径:在系统管理->角色授权找到自己对应的角色,鼠标放到更多->授权
[*]勾选刚才创建的菜单
https://oscimg.oschina.net/oscnet/up-e0415104d12bf817172ee13e3d176ac979e.png
[*]刷新页面即可看见点击菜单
https://oscimg.oschina.net/oscnet/up-4b5e8260960d1fdc29f485d4fe1ce3dd976.png

页: [1]
查看完整版本: JimuReport积木报表 — API数据源报表制作