>本章介绍 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)