7.2 主子表SQL數據源(新) · JimuReport 積木報表

> 主子報表是指：報表包含了一片或者多片區域,每一片區域展示不同的數據，通過主子報表的關聯，數據動態顯示 >SQL數據源：通過sql的形式對主子報表的數據進行操作 [TOC] # SQL數據源主子報表 ## 演示效果 ![](https://img.kancloud.cn/f6/6e/f66e98d6ce633ed03a29db33e8a3443e_1911x980.png) ## 設計步驟 ### 新建一個名為`部門用戶詳情`的數據報表 > 創建兩個表 >第一張表名稱為`部門`，數據結構：部門編號，部門名稱，公司 ![](https://img.kancloud.cn/88/16/88161fdc75e7dca9e70f2db1fd4d355e_1129x93.png) >第二張表名稱為`員工`，數據結構：員工姓名、性別、年齡、入職日期、部門表的外鍵 ![](https://img.kancloud.cn/60/00/60001cf0cfa19ac95b681bf2d39b7177_1157x214.png) #### 1、為`部門用戶詳情`創建兩個數據源 ##### 1.1 創建主表數據源 >名稱為`部門` ![](https://img.kancloud.cn/cc/19/cc199393c261d65cc850fca416f610c4_1920x885.png) ##### 1.2 創建子表數據源 >名稱為`訂單詳情` ![](https://img.kancloud.cn/4b/b0/4bb0dc74cedf3627a527a4fd003d75e3_1920x900.png) #### 2、將主表、子表字段拖拽到設計器頁面 ![](https://img.kancloud.cn/92/15/921545a1f34e4acac5024095b79c3557_1919x896.png) #### 3、重點來了->主子報表參數設置 ![](https://img.kancloud.cn/c0/ca/c0cadb617e93e790733a3d8bea95a848_1646x688.png) - 名稱：隨意填寫 `部門員工信息詳情` - 主表數據源：主數據源對應的名稱`部門` - 子表數據源：子數據源對應的名稱`員工` - 參數傳遞：子表參數：子數據源`員工`的參數;主表字段：主數據源`部門`對應的字段 ![](https://img.kancloud.cn/ac/b2/acb23b80eed736545a04481eda01593b_766x553.png) >保存預覽即可 ![](https://img.kancloud.cn/4b/20/4b20cdaec2abe3b20e9c2a570308c213_1911x980.png) ## 主子表數據結構 > 主表json格式 ``` { "data": [ { "dGoodsCode": "17612057", "dAddress": "北京市海淀區", "dArrivalDate": "2021年3月21日", "dName": "張三", "dGoodsDate": "2021年3月19日", "id": "1", "dOrderDate": "2021年3月18日" } ] } ``` >子表json部分格式 ``` { "data": [ { "ctotal": "125箱", "cname": "牛奶0", "cprice": "56", "riqi": "2022年10月21日", "id": "1", "dtotal": "1256箱", "tp": "7000", "ztotal": "589箱", "cnum": "每箱12瓶", "dId": "1" } } ```