SpringBoot+vue开发的在线报表设计和大屏设计系统


在线体验 :https://www.cy-report.com/
账号/密码 :test/123456
因服务器配置和带宽问题,初次加载可能会稍微有点慢,域名也正在备案过程中,请耐心等待!

项目地址:https://gitee.com/pospos/report.git
https://gitee.com/pospos/report-vue.git
qq群:477055814 加群请注明:report交流

文档地址:https://gitee.com/pospos/report/wikis/pages

邮箱:caiyang90@163.com

技术架构

由于自己本身就是java出身,肯定使用java来开发了,spring也是主流的选择,选择了springboot作为后台的框架,vue作为前端框架,数据库采用mysql。 所以基本架构为:Vue+SpringBoot+Dubbo+Mybaits+Mysql,权限控制采用shiro+jwt

成果

初版已经完成,虽然功能不多,但是可以满足基本的需求。不多说,上图为敬 1、基本的用户角色权限管理,可以控制到按钮。 包括三个基本模块:用户管理,角色管理和菜单管理,通过角色进行菜单授权,再将角色授权给用户即可。

以上部分是用户角色权限管理。

重点来了,核心报表部分 报表部分目前有三个功能: ①报表类型管理:将报表划分成不同类型,方便查找 ②报表数据库管理:维护报表用到的数据源 ③报表管理:按照报表类型新增报表,绑定报表数据源,设计报表等 1、报表类型管理,为了方便报表的查看,将报表进行分类管理

2、数据库维护,将需要生成报表的数据库维护一下,但是目前只支持mysql数据库

3、报表管理 对报表进行基本的管理

4、设计报表, 添加数据集和参数,支持多数据集,参数可以支持字符串,数字,日期,下拉单选和下拉多选,其中下单单选和下拉多选支持自定义或者sql语句查询。 参数支持动态设置必填项和非必填项 维护数据集,可以根据需要写自己的sql和添加参数,sql中有参数,参数的格式为${id},例如 id= ${id},该参数一定要在参数配置中配置上! 报表设计:添加完数据集后,主页面会出现sql语句对应的查询字段,拖拽到右侧的table中进行设计即可

设计过程中可以预览,预览前必须先保存报表模板,支持字体颜色字体大小,加粗,背景色,对齐方式,合并单元格,拆分单元格等设计 大屏设计页面:

经验分享 程序员 微信小程序 职场和发展