SpringBoot + Vue をベースにした視覚的なドラッグ アンド ドロップ編集のための大画面プロジェクト - AJ-Report
AJ-Report は、Anji Jiajia がオープンソース化した BI プラットフォームで、クールな大画面に表示され、いつでもどこでもビジネスのダイナミクスを制御できるため、あらゆる意思決定がデータによってサポートされます。
複数のデータソースをサポート、組み込みのmysql、elasticsearch、kuduドライバー、データインターフェイス開発なしでカスタムデータセットをサポート、17種類の大画面コンポーネントをサポート、開発方法が分からず、設計草案に従って大画面を作成することもできます。
大画面デザインを簡単に完了するための 3 つのステップ: データ ソースを構成する ----> SQL を記述してデータ セットを構成する ----> ドラッグ アンド ドロップして大画面を構成する ----> 保存して公開する。体験へようこそ。
プロジェクトのダウンロード アドレス
https://download.csdn.net/download/askuld/87766176
機能概要
コンポーネントの紹介
大画面デザイン (AJ-Report) は、視覚的なドラッグ アンド ドロップ編集、直観的でクールな、技術的なインスピレーションを受けたチャート ツールの完全なオープン ソース プロジェクトです。組み込みの基本機能には、データ ソース、データ セット、レポート管理が含まれており、プロジェクトのスクリーンショットは次のとおりです。
データフロー図
コアテクノロジー
頼る
-
[MySQL] 5.7+
-
[JDK] 1.8+
後部
Spring Boot2.3.5.RELEASE: Spring Boot は、Spring アプリケーションを軽量かつ迅速に開始できるようにする、すぐに使えるフレームワークです。実行するメインプログラム内の main 関数を実行します。java -jar を使用して、アプリケーションを jar としてパッケージ化し、Web アプリケーションを実行することもできます。
Mybatis-plus3.3.2: MyBatis-plus (略して MP) は、MyBatis の拡張ツールです (新しいウィンドウが開きます)。
flyway5.2.1: 主に、アプリケーションのバージョンが継続的にアップグレードされている間に、データベース構造とその中のデータをアップグレードするために使用されます。
フロントエンド
npm:node.js のパッケージ管理ツール。フロントエンド プロジェクトで使用する必要があるパッケージ、プラグイン、ツール、コマンドなどを一元管理するために使用され、開発や保守に便利です。
webpack: 最新の JavaScript アプリケーション用の静的モジュール バンドラー
ES6: Javascript の新しいバージョン、ECMAScript6 の略。ES6 を使用すると、JS コードを簡素化できると同時に、ES6 が提供する強力な機能を使用して JS ロジックを迅速に実装できます。
vue-cli: Vue のスキャフォールディング ツール。Vue プロジェクトのディレクトリとファイルを自動的に生成するために使用されます。
vue-router: Vue が提供するフロントエンドルーティングツール。ページのルーティング制御、部分更新、オンデマンド読み込み、シングルページアプリケーションの構築、前後分離の実現に使用します。終わります。
element-ui: MVVM フレームワーク Vue オープン ソースに基づくフロントエンド UI コンポーネントのセット。
avue: このコンポーネントでラップすると、親クラスを基準とした絶対位置を使用してドラッグ アンド ドロップ コンポーネントにすることができます。また、キーボードの上下左右で動きを制御することもできます
vue-echarts: vue-echarts は、ECharts v4.0.1+ に基づいて開発された、パッケージ化された vue プラグインです。
vue-superslide: Vue-SuperSlide (Github) は、SuperSlide の Vue パッケージ バージョンです。
vedraggable: Sortable.js に基づく Vue ドラッグ アンド ドロップ プラグインです。
スクリーンショット
