【大屏项目】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:用于现代 JavaScript 应用程序的_静态模块打包工具
ES6:Javascript的新版本,ECMAScript6的简称。利用ES6我们可以简化我们的JS代码,同时利用其提供的强大功能来快速实现JS逻辑。
vue-cli:Vue的脚手架工具,用于自动生成Vue项目的目录及文件。
vue-router:Vue提供的前端路由工具,利用其我们实现页面的路由控制,局部刷新及按需加载,构建单页应用,实现前后端分离。
element-ui:基于MVVM框架Vue开源出来的一套前端ui组件。
avue: 用该组件包裹后可以变成拖拽组件,采用相对于父类绝对定位;用键盘的上下左右也可以控制移动
vue-echarts: vue-echarts是封装后的vue插件,基于 ECharts v4.0.1+ 开发
vue-superslide: Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本
vuedraggable: 是一款基于Sortable.js实现的vue拖拽插件。
截图
源码:gitee.com/anji-plus/report
模板:gitee.com/52itstyle/visual-large-screen
往期推荐
阿里开源限流神器 Sentinel,接口限流好帮手!
SQL开发中为什么要尽量避免使用 IN 和 NOT IN 呢?
比 Xshell 还好用的 SSH 客户端神器!
分布式锁实现,Redisson篇
多租户用户管理数据模型设计
Redis 内存淘汰机制详解
大数据架构PK:Hadoop与MPP的区别
回复【干货】获取精选干货视频教程
回复【加群】加入疑难问题攻坚交流群
回复【mat】获取内存溢出问题分析详细文档教程
回复【赚钱】获取用java写一个能赚钱的微信机器人
回复【副业】获取程序员副业攻略一份
好文请点赞+分享
【大屏项目】SpringBoot + Vue 实现的可视化拖拽编辑的相关推荐
- 基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目
整理:抓哇笔记 简介 大屏设计(AJ-Report)是一个可视化拖拽编辑的全开源项目,直观,酷炫,具有科技感的图表工具.内置的基础功能包括数据源,数据集,报表管理. 多数据源支持,内置mysql.el ...
- SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目
点击关注公众号,利用碎片时间学习 来源:爪哇笔记 简介 大屏设计(AJ-Report)是一个可视化拖拽编辑的全开源项目,直观,酷炫,具有科技感的图表工具.内置的基础功能包括数据源,数据集,报表管理. ...
- 基于 Spring Boot + Vue 实现的可视化拖拽编辑的大屏项目
大家好,今天给小伙伴们分享一个基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目: 简介 这个是一个开源的一个BI平台,酷炫大屏展示,能随时随地掌控业务动态,让每个决策都有数据支撑 ...
- 可视化大屏项目适配 vue
适配效果: 选择的适配方案 设计稿是1920px flexible.js 把屏幕分为 10 等份 ( flexible.js 中可修改 ,默认为 10 ) 0. 新建 vue 项目,项目目录如下 1. ...
- 从零开始的大屏可视化拖拽项目(vue3 + TS + EGG)
项目简介: 平台内置大量Echart图表,可以使用现有的图表进行拖拽编辑,生成一个单页大屏项目,支持导出,生成独立的大屏(不依赖于平台).单图表支持背景色.背景图.大小.API接口(支持定时刷新),大 ...
- 实际工作中,一个完整的可视化大屏项目有哪些步骤?
这两年数据可视化大屏成为了各家公司的网红,老板动不动开口就要"酷炫大屏",大屏的应用场景确实很多,不仅能实时监控重点数据,提高决策效率,放在公司会议室,展台等地方,还能提升公司形象 ...
- 数据大屏项目Vue+DataV+Echarts(附源码)
一.项目描述 1 前端项目 1.1 项目简介 一个基于 Vue.datav.Echart 框架的 " 数据大屏项目 ",通过 vue 组件实现数据动态刷新渲染,内部图表可实现自由替 ...
- 可视化大屏项目:学生就业统计展示
最近在学习前端开发,顺便做了一个项目,学生就业统计展示,可以直观的看到学生就业数据统计.由静态数据提供展示,使用Css3+Html5+JavaScript进行开发.源代码可以到文章底部扫码进行购买. ...
- vue可视化拖拽生成工具_vdesjs: 基于vue的可视化拖拽,代码生成工具。提升前端开发效率,或者集成至项目作为在线拖拽工具。(持续迭代升级中)...
vdesjs 介绍 vdesjs是一款基于vue技术栈,可视化拖拽,代码生成工具.我们提供详细的文档来帮助您理解我们工具的实现原理,并且您可以方便的基于vdesjs来扩展您自己的代码生成组件. 技术选 ...
最新文章
- *2 echo、printf、mkdir命令的应用
- mysql 控制台全是_Mysql控制台命令大全
- 2021亚太内容分发大会 阿里云荣获三项大奖
- java heroku_使用Spring Boot和Heroku在20分钟内完成Java的单点登录
- socket编程 -- epoll模型服务端/客户端通信的实现
- 海洋zyapi.php,海洋cms自带资源发布api插件和第三方资源站接入办法说明
- 都安排上了!春晚主持阵容、春晚直播平台、春晚餐桌C位
- 弹窗实用素材模板|UI设计中的弹窗设计技巧,快get
- Oracle SQL的优化 【转】
- 用一首歌时间将 React 应用 Docker 化,成为前端 Star!
- Spring MVC处理响应的 header
- [转载] python十个程序_程序猿开发Python的十个基本入门技巧?
- 计算领域高质量科技期刊分级目录
- IAR 开发Zigbee 下载调试时总是出现target selection对话框
- directadmin php5.6,directadmin教程
- Docker Study Note
- 当前话题管理故事:厨师绑湖蟹 (转载)
- e3服务器性能怎么样,Inte至强 E3-1230 V3性能怎么样?跟 i7 相比呢?
- web安全之--UrlRewrite
- 用python画微信表情_【一点资讯】“裂开了,苦涩了,翻白眼”!我用Python画出微信新出的表情包 www.yidianzixun.com...
热门文章
- ASP.NET Core 正确获取查询字符串参数
- Python大型网络爬虫项目开发实战
- java版本CRC校验(CRC-16/X25)
- 莱布尼兹乘积微分公式证明纠错
- 用Delphi制作BPL包
- keystone对接ldap
- 范特西公司面试2012/10/23
- 利用python爬虫技术获取每天每场的每位球员NBA数据以及每日范特西评分
- Python解压所有压缩包到同一文件夹下
- 怎样查看计算机网,如何查看电脑(本机)无线网络密钥_查看电脑无线网络密钥的步骤...