積木報表 ，一個開源免費的報表工具，像搭建積木一樣在線設計報表！功能涵蓋數據報表設計、打印設計、圖表設計、大屏設計等！ 領先的企業級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、角色授權

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

• 勾選剛才創建的菜單
  

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

一、填寫參數

1、在數據集管理點擊編輯按鈕，進入頁面

2、需要修改一下sql語句（將pageNo和pageSize以及sex添加進去）

• 如果是分頁的話，“pageNo”和“pageSize”這兩個參數是固定的，需要按這個格式設置；
• “pageNo”表示第幾頁；
• “pageSize”表示每頁顯示幾條數據；
  

3、在下方報表參數點擊新增按鈕把我們剛才新增的參數寫入

• 參數：即${}里面的
• 參數文本：即參數的描述
• 默認值：當前參數${}里面默認值
  

點擊確定按鈕進行數據保存

4、回到頁面，點擊預覽按鈕

5、點擊上一頁、下一頁進行測試（本章總共11條）

• 第一頁
  

• 第二頁
  
  如果數據不一樣，說明配置成功

6、 預覽的時候，需要在瀏覽器中輸入參數為“?sex=1”這種格式，如果多個請求我們用“?sex=1&name=2”。如這個例子“？sex=男”；

二、菜單配置

1、復制瀏覽器的鏈接

2、在系統管理菜單管理進行配置

3、點擊新增按鈕填寫信息

注意：

• 前段組件必須按照格式填寫 layouts/IframePageView
  *用{{ window._CONFIG[‘domianURL’] }}代替IP地址、端口號和項目名稱
• 末尾必須攜帶參數，如（?sex）
• 是否為路由菜單：是
  

4、角色授權

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

• 勾選剛才創建的菜單
  

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

總結

以上是生活随笔為你收集整理的JimuReport积木报表 — API数据源报表带参制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。