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

摘要:
构建块报告,一个开源的免费报告工具,像构建块一样在线设计!功能包括数据报表设计、打印设计、图表设计、大屏幕设计等!领先的企业级Web报表平台软件采用纯Web在线技术,专注于解决企业报表的快速生成问题。性别)是否是路由菜单:是的。4.角色授权路径:在“系统管理”-˃“角色授权”中找到相应的角色,将鼠标悬停在“更多”-˃“授权”上检查刚刚创建的菜单以刷新页面并查看单击菜单

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

快速体验: www.jimureport.com

以下讲解一下,API数据源报表制作步骤:

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

1、数据库表结构

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

2、新增几条数据

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

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

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

二、新建API报表

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

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

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

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

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

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

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

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

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

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

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

1、填写标题

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

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

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

3、保存预览

JimuReport积木报表 — API数据源报表制作第12张JimuReport积木报表 — API数据源报表制作第13张

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

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

2)保存预览

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

四、打印、导出

1、打印

1)打印区域和纸张设置

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

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

  • 当前页:是我们当前屏幕看见的数据
  • 全部:即为全部数据
    JimuReport积木报表 — API数据源报表制作第17张

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

2、导出(包含excel和pdf)

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

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

五、菜单配置

1、复制浏览器的链接

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

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

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

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

注意:

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

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

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

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

免责声明:文章转载自《JimuReport积木报表 — API数据源报表制作》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇go语言——实现函数名到函数处理的映射关系(反射的应用)基于华为云区块链服务快速部署和搭建链上应用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

网页嵌入百度地图和使用百度地图api自定义地图的详细步骤

在网页中插入百度地图 如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下: 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/,搜索出自己要展示的位置,如下图所示。 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动。 第三步:添加标注。点击第一...

1.1.3 以Self Host方式寄宿Web API

寄宿Web API不一定需要IIS的支持,我们可以采用Self Host的方式使用任意类型的应用程序(控制台、Windows Forms应用、WPF)作为宿主。 对于SelfHost这样一个空的控制台应用来说,除了需要引用WebApi的项目,还需要引用以下程序集 System.Web.Http System.Web.Http.SelfHost System...

linux中直接修改jar包内配置文件

https://www.cnblogs.com/bbbing/p/11011410.html (1)使用jar tvf jar名称 | grep 目标文件名 查询出目标文件在jar包中的目录:jar tvf service-0.0.1-SNAPSHOT.jar |grep config.properties(2)使用jar xvf jar名称 目标文件名(...

微信小程序开发学习(二)

一些官方API 总结了一些官方API,便于之后有用时针对性查找(发现官方给了好多好用的API)官方API文档 基础 wx.canIUse:判断小程序的API,回调,参数,组件等是否在当前版本可用,返回值为boolean。使用${API}.${method}.${param}.${options}或者${component}.${attribute}.${...

使用bee自动生成api文档

beego中的bee工具可以方便的自动生成api文档,基于数据库字段,自动生成golang版基于beego的crud代码,方法如下: 1、进入到gopath目录的src下执行命令: bee api api_user -conn=root:root@tcp(127.0.0.1:3306)/api api_user为api项目的名称,-conn指定链接的数据库...

(转)用 cairo 实现跨平台图形

来源:http://www.ibm.com/developerworks/cn/linux/l-cairo/?S_TACT=105AGX52&S_CMP=techcto 用于产生一致输出的矢量绘图库 Eli Dow(emdow@us.ibm.com), 软件工程师, IBM Linux Test and Integration Center 简...