【大屏项目】SpringBoot + Vue 实现的可视化拖拽编辑的

简介

大屏设计(AJ-Report)是一个可视化拖拽编辑的全开源项目,直观,酷炫,具有科技感的图表工具。内置的基础功能包括数据源,数据集,报表管理。

多数据源支持,内置mysql、elasticsearch、kudu驱动,支持自定义数据集省去数据接口开发,支持17种大屏组件,不会开发,照着设计稿也可以制作大屏。

三步轻松完成大屏设计:配置数据源—->写SQL配置数据集—->拖拽配置大屏—->保存发布。欢迎体验。

数据流程图

核心技术

后端

  • Spring Boot2.3.5.RELEASE: Spring Boot是一款开箱即用框架,让我们的Spring应用变的更轻量化、更快的入门。在主程序执行main函数就可以运行。你也可以打包你的应用为jar并通过使用java -jar来运行你的Web应用;

  • Mybatis-plus3.3.2: MyBatis-plus(简称 MP)是一个 MyBatis (opens new window) 的增强工具。

  • flyway5.2.1: 主要用于在你的应用版本不断升级的同时,升级你的数据库结构和里面的数据

前端

  • npm:node.js的包管理工具,用于统一管理我们前端项目中需要用到的包、插件、工具、命令等,便于开发和维护。

  • webpack:用于现代 Ja

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue实现是指使用Vue框架来实现一个可的大展示页面,并且支持通过的方式进行布局和组件的调整。以下是一种实现方式: 1. 使用Vue框架搭建项目:首先,你需要创建一个Vue项目,可以使用Vue CLI来快速搭建项目结构。 2. 引入可组件库:为了实现功能,你可以选择引入一些优秀的可组件库,例如vue-draggable、vue-grid-layout等。这些组件库提供了丰富的功能和API,可以帮助你实现布局和组件的调整。 3. 定义大布局:在Vue组件中,你可以定义大的布局结构,例如使用网格系统或者自定义布局容器。通过设置合适的样式和属性,使得布局容器可以支持和调整大小的操作。 4. 实现功能:使用可组件库提供的API,你可以将需要的组件包裹在可的容器中,并设置相应的事件监听器。当用户开始组件时,触发相应的事件回调函数,你可以在回调函数中更新组件的位置和大小。 5. 实现组件交互:在大展示页面中,你可以添加各种组件,例如图表、地图、文本等。通过监听组件的事件,你可以实现组件之间的交互,例如点击某个图表时展示详细信息,或者某个组件时触发其他组件的动作。 6. 数据绑定和更新:在大展示页面中,你可能需要根据实时数据来更新组件的内容。通过Vue框架提供的数据绑定和响应式机制,你可以将数据与组件进行绑定,并在数据更新时自动更新组件的内容。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值