Create Stunning Interactive Dashboards with SpringBoot & Vue – Open‑Source BI Platform
An open‑source BI platform built on SpringBoot and Vue offers a visually striking, drag‑and‑drop dashboard editor, supporting multiple data sources like MySQL, Elasticsearch, and Kudu, with 17 ready‑made components, enabling rapid screen design through simple steps of data source configuration, SQL dataset creation, and layout assembly.
Hello, I am Feng Ge.
Today I share a visual drag‑and‑drop big‑screen project built with SpringBoot and Vue.
Introduction
This is an open‑source BI platform that provides cool big‑screen displays, allowing you to monitor business dynamics anytime and make data‑driven decisions.
It supports multiple data sources with built‑in MySQL, Elasticsearch, and Kudu drivers, offers custom datasets to avoid writing data interfaces, and includes 17 screen components, so even without development skills you can create screens following design drafts.
Three simple steps complete screen design: configure data source → write SQL for dataset → drag‑and‑drop to configure screen → save and publish.
Feature Overview
Component Introduction
The platform is a visual drag‑and‑drop chart tool with a tech‑savvy UI. Core functions include data sources, datasets, report management, and more. Below are some screenshots.
Data Flow Diagram
Core Technologies
Dependencies
MySQL 5.7+
JDK 1.8+
Backend
Spring Boot 2.3.5.RELEASE – an out‑of‑the‑box framework for lightweight, fast Spring applications.
MyBatis‑Plus 3.3.2 – an enhancement tool for MyBatis.
Flyway 5.2.1 – manages database schema and data migrations during application upgrades.
Frontend
npm – Node.js package manager.
webpack – static module bundler for modern JavaScript.
ES6 – modern JavaScript syntax.
vue‑cli – scaffolding tool for Vue projects.
vue‑router – front‑end routing for single‑page applications.
element‑ui – UI component library based on Vue.
avue – wrapper to turn components into draggable elements with absolute positioning.
vue‑echarts – Vue wrapper for ECharts v4.0.1+.
vue‑superslide – Vue version of SuperSlide.
vuedraggable – Vue drag‑and‑drop plugin based on Sortable.js.
Screenshots
Open‑Source Repository
https://gitee.com/anji-plus/report
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
Java High-Performance Architecture
Sharing Java development articles and resources, including SSM architecture and the Spring ecosystem (Spring Boot, Spring Cloud, MyBatis, Dubbo, Docker), Zookeeper, Redis, architecture design, microservices, message queues, Git, etc.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.