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、角色授權

路徑:在系統管理->角色授權找到自己對應的角色,鼠標放到更多->授權

    • 勾選剛才創建的菜單

    • 刷新頁面即可看見點擊菜單


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM