基于Java的一个可自由拖拽的BI可视化系统(附源码)

介绍

  • 这是一个可自由拖拽的BI可视化系统
  • 支持主流的关系数据:MySQL,Oracle,PostgreSQL等
  • 同时支持Apache Doris,这个一开始初衷就是为了 Doris 数据可视化分析做的
  • 后端框架使用了若依

功能

  1. 按项目管理数据看板
  2. 看板具备分享功能
  3. 可以自由拖拽实现数据看板
  4. 自由拖拽实现图表开发
  5. 提供数据报表开发工具
  6. 提供sql开发控制台
  7. 数据下钻(按维度下钻)
  8. 数据源管理
  9. 元数据管理
  10. 用户管理

目录结构:

  • mobile :手机端,手机端只是查看,不具备设计功能
  • ui:pc端
  • doc:这里是数据库脚本

编译

进入到前端页面目录(ui,mobile)
npm install

npm run dev

npm run build

系统截图

登录界面

默认用户名密码:

admin

123456

首页

图表设计

数据看板

数据下钻

数据报表设计

元数据管理

源码下载

下载链接:https://download.csdn.net/download/qq_41701956/86850796

 介绍

  • 这是一个可自由拖拽的BI可视化系统
  • 支持主流的关系数据:MySQL,Oracle,PostgreSQL等
  • 同时支持Apache Doris,这个一开始初衷就是为了 Doris 数据可视化分析做的
  • 后端框架使用了若依

功能

  1. 按项目管理数据看板
  2. 看板具备分享功能
  3. 可以自由拖拽实现数据看板
  4. 自由拖拽实现图表开发
  5. 提供数据报表开发工具
  6. 提供sql开发控制台
  7. 数据下钻(按维度下钻)
  8. 数据源管理
  9. 元数据管理
  10. 用户管理

目录结构:

  • mobile :手机端,手机端只是查看,不具备设计功能
  • ui:pc端
  • doc:这里是数据库脚本

编译

进入到前端页面目录(ui,mobile)
npm install

npm run dev

npm run build

系统截图

登录界面

默认用户名密码:

admin

123456

首页

图表设计

数据看板

数据下钻

数据报表设计

元数据管理

源码下载

下载链接:https://download.csdn.net/download/qq_41701956/86850796

  • 1
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Bootstrap可视化拖拽布局源码是一种用于实现网页布局的前端框架。它提供了一套美观、响应式的UI组件和网格系统,使开发者能够快速搭建出适配不同设备的网页。 在Bootstrap中,可视化拖拽布局源码是指使用拖拽操作来实现页面布局的功能。开发者可以通过简单地拖拽组件来改变其位置和大小,从而实现页面元素的布局调整。 这种拖拽布局功能的实现,一般需要使用JavaScript框架来实现。常见的实现方式是通过使用jQuery的拖拽插件来实现。 在源码中,我们可以找到拖拽布局的相关代码。它通常会定义一些拖拽函数和事件,用来响应用户拖拽操作。例如,当用户拖拽一个组件时,可以通过相应的拖拽事件来更新组件的位置和大小。 源码还会包含对页面元素的创建和初始化的代码。它会定义页面的布局结构,包括容器和组件,并添加相应的事件监听器。当用户拖拽这些组件时,源码会通过相应的事件处理函数来更新页面布局。 还有一些功能代码,例如吸功能和对齐线功能,可以帮助用户更准确地进行布局调整。这些功能通过计算元素之间的距离和位置关系,来提供指示和辅助信息。 总之,Bootstrap可视化拖拽布局源码提供了一套方便的工具和框架,使开发者可以轻松地通过拖拽操作来调整页面布局。这种可视化拖拽布局源码已经被广泛应用于各种项目中,使页面布局设计更加高效和灵活。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Java程序员-张凯

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值