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

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

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

一、首先还是用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


目录
打赏
0
0
0
0
83
分享
相关文章
报表工具怎么选?盘点2025年10个最好用的报表平台,建议收藏!
报表工具怎么选?盘点2025年10个最好用的报表平台,建议收藏!
|
9月前
|
基于jeecgboot的大屏设计器开发——数据源设计(三)
基于jeecgboot的大屏设计器开发——数据源设计(三)
105 1
基于jeecgboot的大屏设计器开发——数据源设计(三)
|
9月前
|
基于jeecgboot的大屏设计器开发——数据源设计(二)
基于jeecgboot的大屏设计器开发——数据源设计(二)
171 1
商业开源MES+源码+送可拖拽式数据大屏
这是一个商业开源的JAVA MES系统,包含源码和本地部署教程。基于Springboot、Vue3和MySQL8,适用于开发学习。功能包括车间数据建模、生产物料控制、计划管理、过程控制、质量管理、库存管理、看板管理、报表分析和基础管理。需JDK11、Tomcat及Maven环境,源码付费获取。
148 0
基于jeecgboot的大屏设计器开发——大屏报表管理(二)
基于jeecgboot的大屏设计器开发——大屏报表管理(二)
188 0
基于jeecgboot的大屏设计器开发——数据源设计(一)
基于jeecgboot的大屏设计器开发——数据源设计(一)
104 0
[开源]免费开源MES系统,精美的可视化数字大屏,支持低代码大屏设计
万界星空开源MES制造执行系统的Java开源版本。开源mes系统包括系统管理,车间基础数据管理,计划管理,物料控制,生产执行,质量管理,库存管理,看板管理,数据分析等主体功能模块。广泛应用于汽车、高科技电子、 设备制造、新能源、电梯、家电、家居、纺织、电气、电机等行业。
1057 0
[开源]免费开源MES系统,精美的可视化数字大屏,支持低代码大屏设计
大屏开发你需要知道哪些
大屏是什么呢?再我前几年刚接触这个词得时候很新颖,全名叫态势感知大屏,大屏得特点是炫酷、好看,给用户满满得科技感。 听一位前辈说当年再招标会上,再都用exel、word做界面图表文档得时候,有一家公司把可视化态势感知大屏展示出来了,直接秒杀其他厂家。 那么当我们开发一款大屏点的时候需要注意什么呢?
197 0