<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                >本章介紹 SQL數據源報表制作 [TOC] ### 一、數據源報表制作 > 新建數據庫表以student學生表為示例 1、數據庫表結構 ![](https://static.jeecg.com/upload/test/dataSource_1604995757499.jpg) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 2、新增幾條數據 ![](https://img.kancloud.cn/84/ce/84ce8d07a9453c454400a80bc6745f10_882x378.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) ### 二、新建一個報表 1、點擊頭像,鼠標放到新建即可顯示新建報表,也可點擊模板,查看官網已有報表模塊并復用。 ![](https://img.kancloud.cn/6c/0b/6c0bc273dd00d357ce7b8716d047ce40_1324x265.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 2、點擊新建報表進入此頁面 ![](https://img.kancloud.cn/ea/c0/eac0fbf872086c4f748943256bdd3900_1920x562.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 3、新建數據集 1)鼠標移動到數據集管理,點擊`+`選擇SQL數據集 ![](https://img.kancloud.cn/77/7e/777e9324de36b3f7cd38d084d29ef348_527x274.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 2)進入頁面后,填寫編碼、名稱 * 編碼:SQL數據集的標識 **注:避免特殊字符和_** * 名稱:SQL數據集的名稱 * 是否集合:`否`為單數據;`是`為多數據列表,如果多條數據需要分頁,則需要勾選“是否分頁” * 報表SQL:配置的SQL語句(為數據庫sql語句) ![](https://img.kancloud.cn/73/fd/73fd69d94311bfe1151263286018cd55_1832x624.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 3)數據源維護 * 點擊上圖 ![](https://img.kancloud.cn/e0/86/e086e7b0bf24699d57e86de9840b93a2_26x36.png) 可維護數據源,下拉可選擇已添加數據源,搜索表 點擊`維護`按鈕可新增修改刪除數據源;點擊`新增`可添加新的數據源 ![](https://img.kancloud.cn/64/74/6474b918cdd26334ccb5f4d46f52773c_1412x613.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) * 填寫數據信息 支持數據源類型 [點擊查看](http://report.jeecg.com/2373084) ![](https://img.kancloud.cn/52/db/52db4c441760394d845efb9888289f94_686x624.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) * 點擊測試,測試是否連接成功 ![](https://img.kancloud.cn/fa/d3/fad3f8dfba635ac2b37565ca0af975e5_690x625.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) * 點擊確定按鈕保存后即可在數據源中看到該數據源 ![](https://img.kancloud.cn/7d/05/7d052be7e4d9425ff4c09846b8c0972e_486x384.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 4)填寫完成后點擊SQL解析會出現下圖(動態報表配置明細) * 字段名:數據庫表中的字段名稱 * 排序:顯示到第幾位,如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) ![](https://img.kancloud.cn/48/09/4809dc5cf4a6146aa294706ad71609ab_1584x884.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 文本修改 ![](https://img.kancloud.cn/36/41/36414afd041d6c7ab739b6c089e16aff_1576x426.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 修改完成后點擊確定即可 5)返回到頁面即可看到新建的數據集,鼠標移動上去可看見我們創建時寫的字段名稱 ![](https://img.kancloud.cn/0c/a9/0ca9ac94dcbbb171d23fc88e7a30d3dc_1916x647.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 4、報表信息 * 編碼:由系統自動生成 * 名稱:我們當前新建報表的名稱(示例寫成學生信息) * 類型:當前報表的類型(可選擇項打印設計、數據報表、圖形報表) ![](https://img.kancloud.cn/f3/f3/f3f3d8bacffe57493f4e522ce95e3811_353x374.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) ### 三、填寫數據信息、保存瀏覽 #### 1、填寫標題 ![](https://img.kancloud.cn/7b/05/7b059a8da106e0c1c3ffe98210c8b2fa_1117x246.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 2、文本內容可將數據拖拽 數據填充完畢后,直接點擊`保存`按鈕,再點擊`預覽`按鈕即可看到我們設計的報表 ![](https://img.kancloud.cn/67/1e/671efa80422d9733bbffd4baa3a93607_1071x276.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 3、預覽效果 ![](https://img.kancloud.cn/b7/69/b7698ac0374a834ff88929a4db7ea40f_506x353.png) #### 4、分組預覽 1)點擊班級字段進行縱向分組 ![](https://img.kancloud.cn/68/61/6861977ce25f161bc178065ccf7d054d_1620x743.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 2)預覽 ![](https://img.kancloud.cn/33/09/3309e580e1fc9af65f0cbc978b988ca1_507x350.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) ### 四、分頁、打印、導出 ![](https://img.kancloud.cn/c0/44/c044fd8a31ba778342bdf835c06c0ce1_989x502.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 1、分頁,可根據每頁顯示條數進行查看,進行上一頁下一頁數據查看 ![](https://img.kancloud.cn/97/bf/97bf5b1943ef7a2364a86d5a8c9080bc_605x48.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 2、打印 打印區域和紙張設置,點擊工具欄![](https://img.kancloud.cn/b9/a3/b9a315ea1fce5f5b152a564069708b46_36x29.png)可進行打印設置 ![](https://img.kancloud.cn/3b/90/3b9016abc1a0abc8855656e20e566116_1550x626.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 在預覽頁面,點擊“打印”按鈕,選擇“Canvas打印”或“html打印”,進入打印預覽界面 ![](https://img.kancloud.cn/22/15/22157674515f2a3c0b45c7b644207989_172x113.png) ![](https://img.kancloud.cn/ac/7e/ac7ed93512d1f80adcb59d9ddb1fc550_1329x895.png) #### 3、導出(包含excel和pdf) 點擊“導出”按鈕,選擇“Excel”、“PDF”、“PDF圖像”、“圖片”,可將表單數據導出相應形式; ![](https://img.kancloud.cn/71/19/7119b965b8fc761f4397d9c743243f4d_235x173.png) ### 五、菜單配置 #### 1、復制瀏覽器的鏈接 ![](https://img.kancloud.cn/9d/f9/9df90da4a1261c5899db3525b073eed4_868x537.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 2、在系統管理菜單管理進行配置 ![](https://img.kancloud.cn/ab/a4/aba41c984395cbedc5697cea3d5e7c9a_329x953.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 3、點擊新增按鈕填寫信息 1)如果是二級菜單,一級菜單應如下圖配置 注意: * 前段組件必須按照格式填寫 layouts/RouteView * 菜單路徑必須為/**(本章/test),且不能重復 * 是否為路由菜單:是 ![](https://img.kancloud.cn/71/8b/718bccc8c227f651da8d341a02257b49_864x883.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 2)如果是二級菜單,這里應配置子菜單,否則為一級菜單 ``` 注意: * 前段組件必須按照格式填寫 layouts/IframePageView * 用{{ window._CONFIG['domianURL'] }}代替IP地址、端口號和項目名稱 * 是否為路由菜單:是 ``` ![](https://img.kancloud.cn/de/14/de1494c53908ee67d3568ec4cb1916ef_885x742.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 4、角色授權 路徑:在系統管理->角色授權找到自己對應的角色,鼠標放到更多->授權 勾選剛才創建的菜單 ![](https://img.kancloud.cn/5c/73/5c73c93c8a14074b92f3a3cb0a2ceba0_512x287.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 刷新頁面即可看見點擊菜單 ![](https://img.kancloud.cn/c3/e4/c3e4a98574400558f62b4793b1792fc9_1236x573.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看