>本章介紹API數據源報表制作 [TOC] ### 一、數據源報表制作、新建數據庫表（以student學生表為示例） #### 1、數據庫表結構   #### 2、新增幾條數據   #### 3、新增后臺api接口（必須為json格式） ``` 注意：必須為"示例1"所示的，并且數據不為空，且用data包裹起來，否則api解析不出來字 段 如果需要分頁則需要傳total（總頁數），count（總條數）如"示例2"，如果要想在瀏覽頁面看到分頁效果， 需要數據大于10條或者在設計頁面設置每頁顯示條數 ``` 示例1： ``` { "data": [{ "ctotal": "125箱", "cname": "牛奶0", "cprice": "56", "riqi": "2021年08月11日", "id": 100, "dtotal": "1256箱", "tp": "7000", "ztotal": "589箱", "cnum": "每箱12瓶", "dId": "1" }] } ``` 示例2： ``` { "data": [{ "ctotal": "125箱", "cname": "牛奶0", "cprice": "56", "riqi": "2021年08月11日", "id": 100, "dtotal": "1256箱", "tp": "7000", "ztotal": "589箱", "cnum": "每箱12瓶", "dId": "1" }], "total": 1, "count": 3 } ``` :-: 圖二 ### 二、新建API報表 #### 1、點擊頭像，鼠標放到'新建'即可顯示   #### 2、點擊新建報表進入此頁面   #### 3、點擊數據集管理（API數據集）   #### 4、進入頁面后，填寫編碼、名稱、Api地址、請求方式   * 編碼：API數據源的標識； * 名稱：API數據源的名稱； * 是否集合：是為集合多條數據 否為單條數據 * 是否分頁：如果有多頁預覽和打印，需要勾選“是否分頁”； * 請求方式：分為get和post；根據后臺的請求類型來選擇（本例get）； * 類轉換器：[參考文檔](http://report.jeecg.com/2293839) * Api地址：配置的API數據源地址（可以為本地和線上，但必須是JSON類型，如：{"data":"[{}]"}）；  #### 5、填寫完成后點擊API解析會出現下圖（動態報表配置明細）   * 字段名：數據庫表中的字段名稱 * 排序：顯示到第幾位，如1排在第一位 * 字段文本：該字段對應的文本（如 name 學生名稱） * 類型：數據類型 (數值類型、字符類型、日期類型) * 字典code：字典翻譯；如sex字段數據庫中存1或2 報表中顯示男或女 [點擊查看字典配置專題](http://report.jeecg.com/2083759) * 查詢：選中復選框，在預覽中會有查詢欄可查詢數據 * 查詢模式：可選輸入框、下拉單選、下拉多選、范圍查詢、模糊查詢、下拉樹、自定義下拉框 [查詢控件專題查看](http://report.jeecg.com/2373406) * 查詢默認值：可自定義默認值 [點擊查看專題](http://report.jeecg.com/2373407) * 查詢日期格式：日期格式設置 [點擊查看專題](http://report.jeecg.com/2384073) * 參數配置：可配置下拉樹接口 [點擊查看專題](http://report.jeecg.com/2388194)  #### 6、點擊確定返回頁面，數據集中下面會有我們剛才創建的內容   ### 三、填寫數據信息、保存瀏覽 #### 1、填寫標題   #### 2、文本內容可將數據拖拽   #### 3、保存預覽   #### 4、分組預覽 1）點擊班級所在表格進行分組設置，聚合方式選擇分組   2）保存預覽   ### 四、打印、導出 #### 1、打印 打印區域和紙張設置  點擊“打印”按鈕，選擇“Canvas打印”或“Html打印”，進入打印預覽界面   #### 2、導出（包含excel、pdf、pdf圖像、圖片） 點擊“導出”按鈕，選擇“導出excel”、“pdf”、“PDF圖像”、“圖片”，可將表單數據導出相應形式；   ### 五、菜單配置 #### 1、復制瀏覽器的鏈接   #### 2、在系統管理菜單管理進行配置   #### 3、點擊新增按鈕填寫信息 1）如果是二級菜單，一級菜單應如下圖配置 ``` 注意： * 前段組件必須按照格式填寫 layouts/RouteView * 菜單路徑必須為/**（本章/test），且不能重復 * 是否為路由菜單：是 ```   2）如果是二級菜單，這里應配置子菜單，否則為一級菜單 ``` 注意： * 前段組件必須按照格式填寫 layouts/IframePageView * 用{{ window._CONFIG['domianURL'] }}代替IP地址、端口號和項目名稱 * 是否為路由菜單：是 ```   #### 4、角色授權 路徑：在系統管理->角色授權找到自己對應的角色,鼠標放到更多->授權 勾選剛才創建的菜單   刷新頁面即可看見點擊菜單