積木報表 ,一個開源免費的報表工具,像搭建積木一樣在線設計報表!功能涵蓋數據報表設計、打印設計、圖表設計、大屏設計等! 領先的企業級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、角色授權
路徑:在系統管理->角色授權找到自己對應的角色,鼠標放到更多->授權
-
勾選剛才創建的菜單
-
刷新頁面即可看見點擊菜單