zoukankan      html  css  js  c++  java
  • 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、角色授权

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

      • 勾选刚才创建的菜单

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

  • 相关阅读:
    请朋友做事,须以名誉为限,为朋友做事,亦须以名誉为限
    这世上总有一些人记得你,关注着你,牵挂着你
    杏花春雨已不再,牧童遥指已不再,剑门细雨渭城轻尘也都已不再
    如果要你做鲁滨逊,你会选第三型还是第二型的朋友做“礼拜五”呢
    人类最不能伤害的就是自尊
    单靠理论和教训是无济于事的
    交真朋友已是件比较奢侈的事儿
    他一定是一个懂生活、懂人生,爱自己、爱别人的人
    国子监,就是从前的大学
    只有把理想和现实有机结合起来,才有可能成为一个成功之人
  • 原文地址:https://www.cnblogs.com/jeecg158/p/13965466.html
Copyright © 2011-2022 走看看