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

快速體驗(yàn)： www.jimureport.com

以下講解一下，API數(shù)據(jù)源報(bào)表制作步驟：

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

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

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

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

二、新建API報(bào)表

1、點(diǎn)擊頭像進(jìn)入個(gè)人中心，點(diǎn)擊“新建 ->新建報(bào)表”即新建報(bào)表；

2、新建好報(bào)表后，進(jìn)入報(bào)表編輯頁(yè)面；

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

4、進(jìn)入頁(yè)面后，填寫編碼、名稱、Api地址、請(qǐng)求方式

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

5、填寫完成后點(diǎn)擊API解析會(huì)出現(xiàn)下圖（動(dòng)態(tài)報(bào)表配置明細(xì)）

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

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

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

1、填寫標(biāo)題

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

3、保存預(yù)覽

4、分組預(yù)覽

1）點(diǎn)擊班級(jí)下面所在表格進(jìn)行分組

2）保存預(yù)覽

四、打印、導(dǎo)出

1、打印

1）打印區(qū)域和紙張?jiān)O(shè)置

2）點(diǎn)擊“打印”按鈕，選擇“打印當(dāng)前屏”或“打印全部”，進(jìn)入打印預(yù)覽界面

當(dāng)前頁(yè)：是我們當(dāng)前屏幕看見(jiàn)的數(shù)據(jù)
全部：即為全部數(shù)據(jù)

2、導(dǎo)出（包含excel和pdf）

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

五、菜單配置

1、復(fù)制瀏覽器的鏈接

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

3、點(diǎn)擊新增按鈕填寫信息

注意：

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

4、角色授權(quán)

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

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

刷新頁(yè)面即可看見(jiàn)點(diǎn)擊菜單

總結(jié)

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

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