zhangdaiscott 发表于 2020-11-12 18:59:12

JimuReport积木报表 — SQL数据源报表制作

积木报表 ,一个开源免费的报表工具,像搭建积木一样在线设计报表!功能涵盖数据报表设计、打印设计、图表设计、大屏设计等! 领先的企业级Web报表平台软件,采用纯Web在线技术,专注于解决企业报表快速制作难题。

快速体验: www.jimureport.com

以下为SQL数据源报表制作步骤:

一、数据源报表制作、新建数据库表(以student学生表为示例)1、数据库表结构https://oscimg.oschina.net/oscnet/up-3bdefc41ff5149d0f31080ff85469a8ad53.png
2、新增几条数据https://oscimg.oschina.net/oscnet/up-cb833fe2f8aa87e74e5deeec45203daeb16.png
二、新建一个报表
1、点击头像进入编辑页面,点击“新建 ->新建报表”即可新建一个空白报表;https://oscimg.oschina.net/oscnet/up-c60f3efa3ca06e8ecf7909d32bcc476178a.png
2、新建好之后进入报表编辑页面;https://oscimg.oschina.net/oscnet/up-ca650e7ff8f639a69d818cc02901ff4ce51.png

3、新建数据集1)点击"数据集管理 ->SQL数据集",即可进入SQL数据集添加页面;https://oscimg.oschina.net/oscnet/up-792161a9c3abe0925279df70045f25500fe.png

2)在SQL添加页面,添加相关信息,各个参数解释如下:
[*]编码:SQL数据集的标识
[*]名称:SQL数据集的名称
[*]是否分页:如果有多页预览和打印,需要勾选“是否分页”
[*]数据源:选择配置的数据源;
[*]报表sql:配置的SQL数据集地址(为数据库sql语句)

https://oscimg.oschina.net/oscnet/up-bc271f2eddc543cd2a2a653fdc68c5e1556.png

3)数据源维护
[*]点击数据源维护
https://oscimg.oschina.net/oscnet/up-f650f009a72291c34e5918a81b34fccb638.png
[*]点击新增按钮
https://oscimg.oschina.net/oscnet/up-2f2631a00e2e259c72ce1bb0f9fa047a0a9.png
[*]填写数据信息
https://oscimg.oschina.net/oscnet/up-5ff23e34f9461d7efa60047b03ddfd831ac.png
[*]点击测试
https://oscimg.oschina.net/oscnet/up-5cfd77a3c41e293d644c0827688b4417891.png
[*]点击确定按钮保存即可,在数据源中即可看到该信息
      https://oscimg.oschina.net/oscnet/up-2d82819f7870549842727a4d7fe274881be.png

4)填写完成后点击SQL解析会出现下图(动态报表配置明细)
[*]字段名:数据库表中的字段名称
[*]排序:显示到第几位,如1排在第一位
[*]字段文本:该字段对应的文本(如 name 学生名称)
[*]类型:数据库表地段类型
[*]数据源:非必选,默认本地(本章演示勾选数据源)
[*]https://oscimg.oschina.net/oscnet/up-439428263ae2eac7f21ab7fa82cdacb8ff4.png
[*]文本修改
https://oscimg.oschina.net/oscnet/up-cab5dd7f2c4c787edc546b394a41564bebe.png
[*]修改完成后点击确定即可
4)返回到编辑页面即可看到新建的数据集,鼠标移动上去可看见我们创建时标记的文本,方便字段辨识;https://oscimg.oschina.net/oscnet/up-46f6c3d4bd6cbad2c2e039094ac3c8c01fe.png

4、报表信息如果是新建的报表,在这里添加相关信息,点击保存即可完成报表新建;如果报表已经新建,可以在这里修改名称或分类等信息。
[*]编码:由系统自动生成
[*]名称:我们当前新建报表的名称(示例写成学生信息)
[*]类型:当前报表的类型(可选择项打印设计、数据报表、图形报表)
https://oscimg.oschina.net/oscnet/up-9a60a009a4b90c098c45d5944450a8ed8ed.png

三、填写数据信息、保存浏览
1、填写标题https://oscimg.oschina.net/oscnet/up-f5fe0c0394684ff37b05f10b58f08e43131.png

2、文本内容可将数据拖拽https://oscimg.oschina.net/oscnet/up-b23197980aa8fdab2ca883aee18638aa496.png

3、保存预览https://oscimg.oschina.net/oscnet/up-04df6f8cdd2f79500873650055e22203af2.png
预览之后的页面https://oscimg.oschina.net/oscnet/up-0777d80d44ee8227281211b02aae8b8157b.png
4、分组预览
1)点击班级字段进行分组https://oscimg.oschina.net/oscnet/up-8c440df2ac77c2921c7fa75dd0bf15a5458.png
2)预览https://oscimg.oschina.net/oscnet/up-cc66e6b28ad974f6d99105b66587eca96a1.png

四、分页、打印、导出https://oscimg.oschina.net/oscnet/up-c39eca1a36f9c20b87a13544d2013801674.png
1、分页,可根据每页显示条数进行查看,进行上一页下一页数据查看https://oscimg.oschina.net/oscnet/up-016caa1457ac02db0e3f8cec56eba8d97b2.png
2、打印
1)打印区域和纸张设置https://oscimg.oschina.net/oscnet/up-d516e86ae761fc806b2c914a3cfc0d5cef2.png
2)点击“打印”按钮,选择“打印当前屏”或“打印全部”,进入打印预览界面
[*]当前页:是我们当前屏幕看见的数据
[*]全部:即为全部数据
https://oscimg.oschina.net/oscnet/up-07003c32cccd094a6b8f3ad604f3bac3493.png
[*]https://oscimg.oschina.net/oscnet/up-5138f448e53b2935cf1867bd792eebb85dc.png

3、导出(包含excel和pdf)点击“导出”按钮,选择“导出excel”或“导出pdf”,可将表单数据导出相应形式;https://oscimg.oschina.net/oscnet/up-a25724be02fbb421d1f95147f26d8a45dfc.png

五、菜单配置
1、复制浏览器的链接https://oscimg.oschina.net/oscnet/up-7a5adc72eea658e80032407e81a701a53dd.png
2、在系统管理菜单管理进行配置https://oscimg.oschina.net/oscnet/up-01292a19efd94c2665b35771a1950849a39.png
3、点击新增按钮填写信息注意:
[*]前段组件必须按照格式填写 layouts/IframePageView *用{{ window._CONFIG['domianURL'] }}代替IP地址、端口号和项目名称
[*]末尾必须携带参数,如(?sex)
[*]是否为路由菜单:是
https://oscimg.oschina.net/oscnet/up-fc0a0765b781e271f13882d3f5e4bd154ae.png

4、角色授权路径:在系统管理->角色授权找到自己对应的角色,鼠标放到更多->授权
[*]勾选刚才创建的菜单
https://oscimg.oschina.net/oscnet/up-e0415104d12bf817172ee13e3d176ac979e.png
[*]刷新页面即可看见点击菜单
https://oscimg.oschina.net/oscnet/up-4b5e8260960d1fdc29f485d4fe1ce3dd976.png
页: [1]
查看完整版本: JimuReport积木报表 — SQL数据源报表制作