DataRoom:Vue 可视化 大屏开发设计器

科技   2024-11-15 18:57   湖北  


文章底部获取项目地址



DataRoom 是一个基于 Vue、G2Plot、Echarts、SpringBoot、MyBatisPlus 等技术构建的大屏和仪表板设计器。它能够让用户轻松管理数据展示,设计直观的页面,并预览最终效果。支持连接多种数据库和数据格式,包括 MySQL、Oracle、PostgreSQL、JSON 等方式。

包含大屏管理、资源库管理、组件库管理、数据源管理、数据集管理,地图数据管理。

设计器界面

包含缩放、自适应、历史操作、生成图片、预览、保存、数据设置、样式设置等功能,以及组件、图层、图表、边框等栏目。

数据集设置

安装环境:

Node 14+、NPM 6+、Git、SpringBoot、MySql。

技术栈:

ElementUI:基于 Vue 的桌面端组件库,提供了丰富的 UI 组件,用于构建管理界面。

G2Plot:基于 G2 的图表库,专为数据可视化设计,提供了丰富的图表类型和灵活的配置项。

Echarts:开源的数据可视化库,功能强大,支持各种类型的图表,适用于复杂的数据展示。

SpringBoot:SpringBoot 简化了基于 Spring 的应用开发,提供了自动配置、起步依赖管理等特性,加快开发速度。

MyBatisPlus:增强版的 MyBatis,简化了 CRUD 操作,提供了代码生成器,进一步减轻开发负担。

功能和特性:

可视化操作:采用拖拉拽可视化设计,支持 30+ 基础组件、40+ 种图表组件以及多种边框组件、修饰组件。

资源自定义上传:可在大屏设计器中上传并引用资源,如 3D 、边框图片、装饰条、以及背景图。

多种数据库连接:支持 MySQL、SqlServer、PostgreSQL、Oracle 、ClickHouse 数据库接入。

数据集:支持原始数据集、JSON 数据集、自助数据集、存储过程数据集、脚本数据集、HTTP 数据集多种方式接入数据。

部署方式:支持独立部署,支持嵌入式集成,只需引入依赖包即可实现与项目的无缝融合。

组件开发:支持在线和离线开发组件,在线开发适用于业务组件,可以快速响应业务需求的变化;而离线开发适用于系统组件,适合那些需要深度定制的复杂图表和功能。


《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,如有其他优秀资源,欢迎发消息投稿,感谢点赞、在看、转发、关注!!!

其他推荐


GitHub 56k+ Star AI 项目 截图就能生成前端代码

Vxe Table:Vue3 支持超大数据量渲染的表格组件

F2:蚂蚁开源 跨平台多端可视化图表

Marsview:开源低代码平台 快速搭建自己的管理系统

TinyMCE:支持 Word 导入 无限插件扩展 富文本编辑器

X-Flowchart-Vue:基于 Vue 可视化流程图编辑框架

项目地址


GitHub:https://github.com/gcpaas/DataRoom

官方文档:http://gcpaas.gccloud.com/#/dataroom

前端资源推荐
推荐分享各种前端组件UI、插件工具、中后台系统、低代码、可视化、开源项目、学习资源、特效源码等
 最新文章