基于jeecgboot的大屏设计器开发——大屏报表管理(一)

文章介绍了如何利用数据库操作建立大屏报表的管理表,包括关键字段和数据类型。接着,讨论了生成后端和前端代码以实现基本功能,并提出需要增加的设计功能,如使用Echarts、Vue-echarts和Avue进行前端开发,以及vue-ruler-tool作为设计辅助工具。目前,项目已完成部分功能,并提供了源代码链接和在线演示地址。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

   前面有了大屏的数据源与数据集,现在可以进行大屏报表管理了。

一、首先还是用online建立大屏报表

DROP TABLE IF EXISTS `bs_report`;
CREATE TABLE `bs_report` (
  `id` varchar(36) NOT NULL,
  `report_name` varchar(100) DEFAULT NULL COMMENT '名称',
  `report_code` varchar(36) DEFAULT NULL COMMENT '编码',
  `report_group` varchar(36) DEFAULT NULL COMMENT '分组',
  `report_type` varchar(20) DEFAULT NULL COMMENT '类型',
  `report_image` varchar(512) DEFAULT NULL COMMENT '缩略图',
  `report_author` varchar(100) DEFAULT NULL COMMENT '作者',
  `status` varchar(10) DEFAULT NULL COMMENT '状态',
  `report_desc` varchar(255) DEFAULT NULL COMMENT '描述',
  `download_count` int(11) DEFAULT NULL COMMENT '下载次数',
  `create_by` varchar(50) DEFAULT NULL COMMENT '创建人',
  `create_time` datetime DEFAULT NULL COMMENT '创建日期',
  `update_by` varchar(50) DEFAULT NULL COMMENT '更新人',
  `update_time` datetime DEFAULT NULL COMMENT '更新日期',
  `sys_org_code` varchar(64) DEFAULT NULL COMMENT '所属部门',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
 

 校验字段主要是两个

 其中bs_report_type,目前先两只类型

 二、生成后前后端代码

   生成后基本功能有了,如下:

 但需要增加一些功能,如下图

 三、增加设计功能

这个前端功能最为重要,主要采用echarts,vue-echarts和avue

同时用vue-ruler-tool作为制作大屏的网页标尺辅助线工具。

效果如下:

 设计好后的预览功能如下:

 目前只实现部分功能,相关的项目地址

gitee源代码地址

后端代码: https://gitee.com/nbacheng/nbcio-boot

前端代码:https://gitee.com/nbacheng/nbcio-vue.git

在线演示(包括H5) : http://122.227.135.243:9888
 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宁波阿成

你的支持,是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值