積木報表 ，一個開源免費的報表工具，像搭建積木一樣在線設(shè)計報表！功能涵蓋數(shù)據(jù)報表設(shè)計、打印設(shè)計、圖表設(shè)計、大屏設(shè)計等！ 領(lǐng)先的企業(yè)級Web報表平臺軟件，采用純Web在線技術(shù)，專注于解決企業(yè)報表快速制作難題。

快速體驗： www.jimureport.com

在上一章API報表制作中介紹到API如何制作，但我們會發(fā)現(xiàn)它的分頁不好用，本章說明一下帶參的API，以分頁為示例，介紹一下 API數(shù)據(jù)源報表帶參制作步驟：

一、數(shù)據(jù)源報表制作、新建數(shù)據(jù)庫表（以student學生表為示例）

1、數(shù)據(jù)庫表結(jié)構(gòu)

2、新增幾條數(shù)據(jù)

3、新增后臺api接口（可以使本地，也可以是線上，但必須為json格式）

二、新建API報表

1、點擊頭像進入個人中心，點擊“新建 ->新建報表”即新建報表；

2、新建好報表后，進入報表編輯頁面；

3、點擊數(shù)據(jù)集管理（API數(shù)據(jù)集）

4、進入頁面后，填寫編碼、名稱、Api地址、請求方式

• 編碼：API數(shù)據(jù)源的標識；
• 名稱：API數(shù)據(jù)源的名稱；
• 請求方式：分為get和post；根據(jù)后臺的請求類型來選擇（本章get）；
• 是否分頁：如果有多頁預覽和打印，需要勾選“是否分頁”；
• Api地址：配置的API數(shù)據(jù)源地址（可以為本地和線上，但必須是JSON類型，如：{“data”:"[{}]"}）；

5、填寫完成后點擊API解析會出現(xiàn)下圖（動態(tài)報表配置明細）

• 字段名：數(shù)據(jù)庫表中的字段名稱
• 排序：顯示到第幾位，如1排在第一位
• 字段文本：該字段對應(yīng)的文本（如 name 學生名稱）
• 類型：數(shù)據(jù)庫表地段類型
  

6、點擊確定返回頁面，數(shù)據(jù)集中下面會有我們剛才創(chuàng)建的內(nèi)容

三、填寫數(shù)據(jù)信息、保存瀏覽

1、填寫標題

2、文本內(nèi)容可將數(shù)據(jù)拖拽

3、保存預覽

4、分組預覽

1）點擊班級下面所在表格進行分組

2）保存預覽

四、打印、導出

1、打印

1）打印區(qū)域和紙張設(shè)置

2）點擊“打印”按鈕，選擇“打印當前屏”或“打印全部”，進入打印預覽界面

• 當前頁：是我們當前屏幕看見的數(shù)據(jù)
• 全部：即為全部數(shù)據(jù)
  
  

2、導出（包含excel和pdf）

點擊“導出”按鈕，選擇“導出excel”或“導出pdf”，可將表單數(shù)據(jù)導出相應(yīng)形式；

五、菜單配置

1、復制瀏覽器的鏈接

2、在系統(tǒng)管理菜單管理進行配置

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

注意：

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

4、角色授權(quán)

路徑：在系統(tǒng)管理->角色授權(quán)找到自己對應(yīng)的角色,鼠標放到更多->授權(quán)

• 勾選剛才創(chuàng)建的菜單
  

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

一、填寫參數(shù)

1、在數(shù)據(jù)集管理點擊編輯按鈕，進入頁面

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

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

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

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

點擊確定按鈕進行數(shù)據(jù)保存

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

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

• 第一頁
  

• 第二頁
  
  如果數(shù)據(jù)不一樣，說明配置成功

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

二、菜單配置

1、復制瀏覽器的鏈接

2、在系統(tǒng)管理菜單管理進行配置

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

注意：

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

4、角色授權(quán)

路徑：在系統(tǒng)管理->角色授權(quán)找到自己對應(yīng)的角色,鼠標放到更多->授權(quán)

• 勾選剛才創(chuàng)建的菜單
  

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。