# SQL数据源报表制作 ### 一、数据源报表制作、新建数据库表(以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/bb/9f/bb9f2c8bc4d934bcd6fef92ae83d41fc_1861x788.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 2、点击新建进入此页面 ![](https://img.kancloud.cn/16/33/163358cfb722623bf8d0afb302d163a0_1920x908.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 3、新建数据集 1)鼠标移动到数据集管理,选择SQL数据集 ![](https://img.kancloud.cn/94/a0/94a09bc95be30c8c919f5679078949a8_1457x582.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 2)进入页面后,填写编码、名称 * 编码名称:SQL数据集的标识 * 名称:SQL数据集的名称 * 分页:如果有多页预览和打印,需要勾选“是否分页” * 报表sql:配置的SQL数据集地址(为数据库sql语句) ![](https://img.kancloud.cn/6d/a6/6da6bed0ecdd591c200dde1e07aa34a7_1920x388.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 3)数据源维护 * 点击数据源维护 ![](https://img.kancloud.cn/56/d8/56d8219ed19606eb52ec9b8e6d8be369_1856x346.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) * 点击新增按钮 ![](https://img.kancloud.cn/f2/81/f281711e39fbad231ce30d1fd508fff0_1162x556.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) * 填写数据信息 ![](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/42/08/42083c6dd7eca614682541479b85b267_1884x369.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 4)填写完成后点击SQL解析会出现下图(动态报表配置明细) * 字段名:数据库表中的字段名称 * 排序:显示到第几位,如1排在第一位 * 字段文本:该字段对应的文本(如 name 学生名称) * 类型:数据库表地段类型 * 数据源:非必选,默认本地(本章演示勾选数据源) ![](https://img.kancloud.cn/c7/0b/c70be534c6e5e52d0c720ab98f9b7052_1900x660.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 文本修改 ![](https://img.kancloud.cn/85/7e/857e4231571bbeec8ed8a43b4c62ca29_1907x907.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 修改完成后点击确定即可 5)返回到页面即可看到新建的数据集,鼠标移动上去可看见我们创建时写的文本 ![](https://img.kancloud.cn/a1/8f/a18f7221322290007cce41b14bff2dbe_1826x639.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/24/3d/243db984a639a6b7331a6d320779ff38_1624x651.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 2、文本内容可将数据拖拽 ![](https://img.kancloud.cn/93/ce/93ceb039a8372dccec242add5ef12e19_1289x790.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 3、保存预览 ![](https://img.kancloud.cn/26/c1/26c15ec5988b12559aa3447d80e2085f_1617x844.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 预览之后的页面 ![](https://img.kancloud.cn/7d/fe/7dfe1c869a4cac261808eb2760928900_1382x508.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 4、分组预览 1)点击班级字段进行分组 ![](https://img.kancloud.cn/a1/36/a136bbf6e49c0294f179c6a55a4b5cf6_1607x892.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 2)预览 ![](https://img.kancloud.cn/9a/ec/9aecc2bc4713135f1a65e3fb9e9e32ab_932x499.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/ae/13/ae13bcc42690b9bae249fc65ce1709ed_1581x813.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) 点击“打印”按钮,选择“打印当前屏”或“打印全部”,进入打印预览界面 * 当前页:是我们当前屏幕看见的数据 * 全部:即为全部数据 ![](https://img.kancloud.cn/7e/15/7e15f8e7d79738f02e884c986d269429_301x244.png) ![](https://img.kancloud.cn/ac/7e/ac7ed93512d1f80adcb59d9ddb1fc550_1329x895.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.png) #### 3、导出(包含excel和pdf) 点击“导出”按钮,选择“导出excel”或“导出pdf”,可将表单数据导出相应形式; ![](https://img.kancloud.cn/c1/ff/c1ff18462d80eee9f5a8e48be055b1b0_297x222.png) ![](https://img.kancloud.cn/d0/a8/d0a865d5b73ca404a5625bcf21d1a1fd_800x24.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)